.pack-selector[data-v-d90600e2]{padding:10px}.pack-selector h2[data-v-d90600e2]{text-align:center;margin-bottom:20px;color:#333;font-size:20px}.loading[data-v-d90600e2]{text-align:center;padding:40px;color:#666;font-size:16px}.packs-list[data-v-d90600e2]{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:20px;max-height:calc(100vh - 300px);min-height:200px;overflow-y:auto;padding:5px;scrollbar-width:thin;scrollbar-color:rgba(140,34,34,.4) rgba(0,0,0,.05)}@media screen and (min-width:768px),screen and (orientation:landscape){.packs-list[data-v-d90600e2]{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));max-height:calc(100vh - 250px)}}.packs-list[data-v-d90600e2]::-webkit-scrollbar{width:6px}.packs-list[data-v-d90600e2]::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.packs-list[data-v-d90600e2]::-webkit-scrollbar-thumb{background:#8c222266;border-radius:3px}.pack-list-item[data-v-d90600e2]{display:flex;align-items:center;padding:10px 15px;background:#ffffffb3;border:1px solid var(--color-border);border-radius:var(--border-radius-small);cursor:pointer;transition:all .2s ease}.pack-list-item[data-v-d90600e2]:hover{background:#ffffffe6;border-color:var(--color-primary);transform:translate(4px)}.pack-list-item.selected[data-v-d90600e2]{background:#8c222214;border-color:var(--color-primary);border-left:4px solid var(--color-primary)}.selection-indicator[data-v-d90600e2]{margin-right:15px;display:flex;align-items:center}.selection-indicator input[type=checkbox][data-v-d90600e2]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.pack-info[data-v-d90600e2]{flex:1;display:flex;align-items:baseline;gap:10px}.pack-name[data-v-d90600e2]{font-size:16px;font-weight:700;color:var(--color-text-primary)}.pack-folder[data-v-d90600e2]{font-size:13px;color:var(--color-text-light);font-family:monospace}.pack-count[data-v-d90600e2]{font-size:14px;color:var(--color-primary);font-weight:700;background:#8c22221a;padding:4px 10px;border-radius:12px}.selection-summary[data-v-d90600e2]{text-align:center;padding:12px;background:#00000008;border:1px solid var(--color-border-light);border-radius:8px;font-size:15px;color:var(--color-text-primary);box-shadow:inset 0 1px 3px #0000000d}.total-characters[data-v-d90600e2]{color:var(--color-text-secondary);font-size:14px}@media(max-width:480px){.pack-list-item[data-v-d90600e2]{padding:8px 10px}.pack-info[data-v-d90600e2]{flex-direction:column;gap:2px}}.draw-options[data-v-3a89920a]{margin-bottom:1em}.pool-status[data-v-3a89920a]{font-size:.9rem;color:#333}.card-carousel[data-v-23688527]{display:flex;overflow-x:auto;gap:1em;padding:.5em 0}.card-carousel__item[data-v-23688527]{flex:0 0 auto;text-align:center;cursor:pointer}.card-carousel__item img[data-v-23688527]{width:80px;height:80px;object-fit:cover;border:1px solid #ccc}.card-carousel__item-name[data-v-23688527]{display:block;font-size:.8rem;font-weight:700}.card-carousel__item-faction[data-v-23688527]{display:block;font-size:.7rem;color:#666}.card-carousel__placeholder[data-v-23688527]{color:#666}.card-details-container[data-v-8ab41148]{display:flex;justify-content:center;align-items:center;padding:10px}.card-details-container.placeholder[data-v-8ab41148]{opacity:.3}.card-frame[data-v-8ab41148]{width:350px;height:490px;border-radius:12px;border:4px solid #4a3e35;box-shadow:0 10px 30px #000000b3,inset 0 0 0 2px #cfb78f;position:relative;overflow:hidden;background:url(/assets/noname/card/border_gold.jpg) no-repeat center center;background-size:cover;flex-shrink:0}[data-faction=魏] .card-frame[data-v-8ab41148]{border-color:var(--color-wei);box-shadow:0 10px 30px #2d5a8866,inset 0 0 0 2px #cfb78f}[data-faction=蜀] .card-frame[data-v-8ab41148]{border-color:var(--color-shu);box-shadow:0 10px 30px #b32d2d66,inset 0 0 0 2px #cfb78f}[data-faction=吴] .card-frame[data-v-8ab41148]{border-color:var(--color-wu);box-shadow:0 10px 30px #41824166,inset 0 0 0 2px #cfb78f}[data-faction=群] .card-frame[data-v-8ab41148]{border-color:var(--color-qun);box-shadow:0 10px 30px #6e6e6e66,inset 0 0 0 2px #cfb78f}[data-faction=神] .card-frame[data-v-8ab41148]{border-color:var(--color-shen);box-shadow:0 10px 30px #d4af3766,inset 0 0 0 2px #cfb78f}.card-bg-image[data-v-8ab41148]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:1}.card-overlay[data-v-8ab41148]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#00000080,#0000 30%),linear-gradient(to bottom,#0006,#0000 20%);z-index:2;pointer-events:none}.card-faction-badge[data-v-8ab41148]{position:absolute;top:12px;left:12px;width:52px;height:52px;z-index:4;display:flex;align-items:center;justify-content:center}.faction-icon[data-v-8ab41148]{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 10px rgba(0,0,0,.8))}.card-health-container[data-v-8ab41148]{position:absolute;top:12px;left:65px;display:flex;gap:2px;z-index:4}.magatama[data-v-8ab41148]{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.magatama-img[data-v-8ab41148]{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.magatama.mini[data-v-8ab41148]{width:16px;height:16px}.card-name-panel[data-v-8ab41148]{position:absolute;top:50px;left:15px;z-index:5}.card-name-wrapper[data-v-8ab41148]{display:flex;gap:8px;align-items:flex-start}.card-appellation[data-v-8ab41148]{white-space:pre-line;font-size:14px;color:#ffeb3b;line-height:1.1;text-shadow:1px 1px 2px #000;margin-top:15px;letter-spacing:2px;font-weight:700}.card-name-vertical[data-v-8ab41148]{white-space:pre-line;font-size:38px;font-weight:900;color:#fff;line-height:1;letter-spacing:2px;-webkit-text-stroke:1.5px #000;text-shadow:2px 2px 0px #000,0 0 10px rgba(0,0,0,.8),0 0 20px rgba(255,255,255,.2);filter:drop-shadow(0 0 5px rgba(0,0,0,.5))}.card-skills-board[data-v-8ab41148]{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:95%;height:40%;background:linear-gradient(135deg,#1e1914d9,#0f0a05eb);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(200,180,150,.3);border-radius:4px;z-index:3;padding:12px;display:flex;flex-direction:column;box-shadow:0 -5px 15px #0006}.skills-list[data-v-8ab41148]{display:flex;flex-direction:column;gap:10px;overflow-y:auto;scrollbar-width:none}.skills-list[data-v-8ab41148]::-webkit-scrollbar{display:none}.skill-item[data-v-8ab41148]{color:#e5dfd9;font-size:13px;line-height:1.5;text-align:justify}.skill-header[data-v-8ab41148]{margin-bottom:4px}.skill-tag[data-v-8ab41148]{display:inline-block;background:linear-gradient(to bottom,#d4b483,#8c6e4a);color:#000;font-weight:900;font-size:12px;padding:2px 10px;clip-path:polygon(0 0,92% 0,100% 100%,8% 100%);text-shadow:none}.skill-description[data-v-8ab41148]{display:block;padding-left:5px;border-left:1px solid rgba(212,180,131,.3)}.split-view[data-v-8ab41148]{display:flex;width:100%;max-width:950px;height:clamp(350px,75vh,520px);gap:20px;background:#140f0ab3;padding:20px;border-radius:12px;border:1px solid #5a4a3a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 20px 60px #000c}.left-card-area[data-v-8ab41148]{flex:0 0 260px;display:flex;flex-direction:column;align-items:center;gap:15px}.card-frame.mini[data-v-8ab41148]{width:220px;height:308px;border-width:2px}.card-frame.mini .card-name-vertical[data-v-8ab41148]{font-size:24px}.card-health-row[data-v-8ab41148]{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.right-info-panel.tiled-skills[data-v-8ab41148]{flex:1;display:flex;flex-direction:column;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E"),#2b2521e6;border:1px solid #5a4a3a;border-radius:8px;box-shadow:inset 0 0 30px #0009;overflow:hidden}.skill-scroll-area[data-v-8ab41148]{flex:1;padding:25px;overflow-y:auto;display:flex;flex-direction:column;gap:25px;scrollbar-width:thin;scrollbar-color:#5a4a3a transparent}.skill-scroll-area[data-v-8ab41148]::-webkit-scrollbar{width:6px}.skill-scroll-area[data-v-8ab41148]::-webkit-scrollbar-thumb{background:#5a4a3a;border-radius:3px}.tiled-skill-item[data-v-8ab41148]{position:relative;padding-bottom:20px;border-bottom:1px solid rgba(132,116,101,.2)}.tiled-skill-item[data-v-8ab41148]:last-child{border-bottom:none}.tiled-skill-name[data-v-8ab41148]{color:#ffe066;font-size:18px;margin-bottom:12px;text-shadow:0 1px 3px rgba(0,0,0,.5);display:flex;align-items:center;gap:10px}.tiled-skill-name[data-v-8ab41148]:after{content:"";flex:1;height:1px;background:linear-gradient(to right,rgba(255,224,102,.3),transparent)}.tiled-skill-desc[data-v-8ab41148]{color:#e5dfd9;line-height:1.7;font-size:15px;text-align:justify;word-break:break-all}.placeholder-tab[data-v-8ab41148]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;color:#8c7e73;font-style:italic}@media screen and (orientation:portrait){.split-view[data-v-8ab41148]{flex-direction:column;height:auto;max-height:85vh;width:95vw}.left-card-area[data-v-8ab41148]{flex:0 0 auto;margin-bottom:10px}.right-info-panel.tiled-skills[data-v-8ab41148]{min-height:250px}}@media(max-width:480px){.card-frame[data-v-8ab41148]:not(.mini){width:320px;height:448px}.tiled-skill-name[data-v-8ab41148]{font-size:16px}.tiled-skill-desc[data-v-8ab41148]{font-size:14px}}.confirmation-view[data-v-e49769ae]{display:flex;flex-direction:column;align-items:center;width:95vw;max-width:1200px;margin:20px auto;background-color:var(--color-surface);padding:30px;border-radius:15px;box-shadow:0 15px 40px #0000004d}.view-title[data-v-e49769ae]{color:var(--color-primary);margin-bottom:20px;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.character-preview-area[data-v-e49769ae]{width:100%;display:flex;justify-content:center;margin-bottom:30px}.confirmation-buttons[data-v-e49769ae]{display:flex;gap:30px;margin-top:10px}@media screen and (orientation:portrait){.confirmation-buttons[data-v-e49769ae]{flex-direction:column;gap:15px;width:60%}}.final-view[data-v-6c7cea60]{width:100vw;height:100vh;position:fixed;top:0;left:0;background:url(/assets/noname/background/main_bg.jpg) no-repeat center center;background-size:cover;display:flex;flex-direction:column;overflow:hidden;z-index:1000}.helper-container[data-v-6c7cea60]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.mini-avatar-box.left-top[data-v-6c7cea60]{position:absolute;top:20px;left:20px;width:90px;background:#3d342d;border:2px solid #cfb78f;border-radius:8px;padding:4px;box-shadow:0 4px 15px #0009;cursor:pointer;z-index:50;transition:transform .2s}.mini-avatar-box[data-v-6c7cea60]:hover{transform:scale(1.05)}.mini-img[data-v-6c7cea60]{width:100%;height:70px;object-fit:cover;border-radius:4px}.mini-name[data-v-6c7cea60]{font-size:13px;text-align:center;color:#fff;margin-top:3px;font-weight:700}.exit-hint[data-v-6c7cea60]{font-size:9px;color:#a69888;text-align:center}.top-right-actions[data-v-6c7cea60]{position:absolute;top:20px;right:20px;z-index:50}.btn-small[data-v-6c7cea60]{padding:8px 15px;font-size:13px}.health-tracker[data-v-6c7cea60]{background:#2b2521d9;padding:50px 60px;border-radius:20px;border:1px solid #5a4a3a;text-align:center;box-shadow:0 20px 50px #000c,inset 0 0 20px #0006}.helper-title[data-v-6c7cea60]{color:#ffe066;margin-bottom:40px;font-size:26px;letter-spacing:4px}.magatama-giant-row[data-v-6c7cea60]{display:flex;justify-content:center;gap:20px;margin-bottom:50px}.magatama-giant[data-v-6c7cea60]{width:70px;height:70px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center}.magatama-icon[data-v-6c7cea60]{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.magatama-giant[data-v-6c7cea60]:active{transform:scale(.9)}.magatama-giant.lost .magatama-icon[data-v-6c7cea60]{opacity:.3;filter:grayscale(1)}.magatama-giant.active .magatama-icon[data-v-6c7cea60]{filter:drop-shadow(0 0 10px #ffe066)}.health-controls[data-v-6c7cea60]{display:flex;align-items:center;justify-content:center;gap:40px}.health-btn[data-v-6c7cea60]{width:50px;height:50px;border-radius:50%;border:2px solid #ffe066;background:transparent;color:#ffe066;font-size:24px;cursor:pointer}.health-btn[data-v-6c7cea60]:active{background:#ffe066;color:#000}.health-num[data-v-6c7cea60]{font-size:48px;color:#fff;font-weight:700;min-width:140px;text-shadow:0 0 10px rgba(0,0,0,.5)}.skill-overlay[data-v-6c7cea60]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center}.overlay-content[data-v-6c7cea60]{position:relative;width:90%;max-width:950px}.close-overlay[data-v-6c7cea60]{position:absolute;top:-40px;right:0;background:transparent;border:none;color:#fff;font-size:36px;cursor:pointer}.fade-enter-active[data-v-6c7cea60],.fade-leave-active[data-v-6c7cea60]{transition:opacity .3s}.fade-enter-from[data-v-6c7cea60],.fade-leave-to[data-v-6c7cea60]{opacity:0}@media screen and (orientation:portrait){.health-tracker[data-v-6c7cea60]{padding:30px;width:90%}.magatama-giant[data-v-6c7cea60]{width:45px;height:60px}.health-num[data-v-6c7cea60]{font-size:32px;min-width:100px}}:root{--color-primary: #8c2222;--color-primary-hover: #b32d2d;--color-primary-disabled: #d89696;--color-secondary: #3b434a;--color-secondary-hover: #4f5a63;--color-secondary-disabled: #8a96a3;--color-lock: #d4af37;--color-lock-locked: #a38c45;--color-lock-text: #333;--color-lock-text-locked: #fff;--color-text-primary: #2b2521;--color-text-secondary: #5e5248;--color-text-light: #8c7e73;--color-background: #f4eadd;--color-surface: #fdfaf5;--color-border: #d4c4b7;--color-border-light: #ebdfd3;--color-placeholder: #a69888;--color-shu: #b32d2d;--color-wu: #418241;--color-wei: #2d5a88;--color-shen: #d4af37;--color-qun: #6e6e6e;--color-jin: #884b91;--faction-color-wu: var(--color-wu);--faction-color-wei: var(--color-wei);--faction-color-shu: var(--color-shu);--faction-color-qun: var(--color-qun);--faction-color-shen: var(--color-shen);--faction-color-jin: var(--color-jin);--font-family-base: "STKaiti", "KaiTi", "SimSun", "Noto Serif SC", serif, system-ui, -apple-system;--border-radius: 8px;--border-radius-small: 4px;--box-shadow: 0 4px 15px rgba(59, 45, 33, .15);--box-shadow-light: 0 2px 6px rgba(59, 45, 33, .1);--box-shadow-hover: 0 8px 25px rgba(59, 45, 33, .2);--spacing-unit: 8px}*,*:before,*:after{box-sizing:border-box}body{font-family:var(--font-family-base);background-color:var(--color-background);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E");color:var(--color-text-primary);margin:0;padding:calc(var(--spacing-unit) * 2.5);line-height:1.6}.app-header{text-align:center;margin-bottom:clamp(10px,2vh,20px)}h1,h2,h3{color:var(--color-text-primary);margin-bottom:calc(var(--spacing-unit) * 2)}h2{text-align:center}.hidden{display:none!important}.button{display:inline-block;padding:calc(var(--spacing-unit) * 1.25) calc(var(--spacing-unit) * 2.5);font-size:1.1em;font-weight:700;font-family:var(--font-family-base);color:var(--color-surface);border:1px solid rgba(0,0,0,.2);border-radius:var(--border-radius-small);cursor:pointer;text-align:center;vertical-align:middle;transition:all .3s ease;margin:calc(var(--spacing-unit) * .625);box-shadow:inset 0 1px #fff3,0 2px 4px #0003;text-shadow:0 1px 1px rgba(0,0,0,.5)}.button--primary{background-color:var(--color-primary)}.button--primary:hover{background-color:var(--color-primary-hover)}.button--primary:disabled{background-color:var(--color-primary-disabled);cursor:not-allowed;opacity:.7}.button--secondary{background-color:var(--color-secondary)}.button--secondary:hover{background-color:var(--color-secondary-hover)}.button--secondary:disabled{background-color:var(--color-secondary-disabled);cursor:not-allowed;opacity:.7}.button--lock{background-color:var(--color-lock);color:var(--color-lock-text);padding:var(--spacing-unit) calc(var(--spacing-unit) * 1.25);font-size:.9em;display:inline-flex;align-items:center;gap:calc(var(--spacing-unit) * .625)}.button--lock.locked{background-color:var(--color-lock-locked);color:var(--color-lock-text-locked)}.button--lock:disabled{background-color:var(--color-secondary-disabled);cursor:not-allowed;opacity:.7}.view{width:95%;max-width:900px;margin:1rem auto;background-color:var(--color-surface);padding:clamp(12px,3vw,24px);border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:all .3s ease}.view[aria-hidden=true]{display:none}.settings-container{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 2.5)}.pack-selector legend,.draw-options legend{font-weight:700;padding:0 calc(var(--spacing-unit) * .5);margin-left:calc(var(--spacing-unit) * 1);color:var(--color-text-secondary)}.pack-selector,.draw-options{border:1px solid var(--color-border-light);border-radius:var(--border-radius-small);padding:calc(var(--spacing-unit) * 2)}.pack-selector__list{max-height:250px;overflow-y:auto;padding:var(--spacing-unit);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-small)}.pack-selector__item{display:block;margin-bottom:var(--spacing-unit);padding:var(--spacing-unit);border-radius:var(--border-radius-small);background-color:var(--color-surface);border:1px solid var(--color-border)}.pack-selector__item label{display:flex;align-items:center;cursor:pointer;font-weight:700}.pack-selector__item input[type=checkbox]{margin-right:var(--spacing-unit);flex-shrink:0;height:1.1em;width:1.1em}.pack-selector__description{font-size:.85em;color:var(--color-text-secondary);margin-top:calc(var(--spacing-unit) * .5);padding-left:calc(var(--spacing-unit) * 3)}.draw-options{text-align:center}.draw-options label{margin-right:var(--spacing-unit);font-weight:700}#draw-count-input{width:70px;padding:calc(var(--spacing-unit) * .75) var(--spacing-unit);border:1px solid var(--color-border);border-radius:var(--border-radius-small);text-align:center;margin-right:var(--spacing-unit);font-size:1em}.pool-status{text-align:center;margin-top:var(--spacing-unit);color:var(--color-text-secondary);font-size:.9em}.selection-view .selection-container{background-color:transparent;box-shadow:none;padding:0;max-width:95%}.selection-view h2{margin-bottom:var(--spacing-unit)}.card-carousel{display:flex;overflow-x:auto;white-space:nowrap;padding:calc(var(--spacing-unit) * 2) 0;margin-bottom:calc(var(--spacing-unit) * 2);gap:calc(var(--spacing-unit) * 2);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ccc var(--color-background);min-height:180px}.card-carousel::-webkit-scrollbar{height:8px}.card-carousel::-webkit-scrollbar-track{background:var(--color-background);border-radius:4px}.card-carousel::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.card-carousel::-webkit-scrollbar-thumb:hover{background-color:#aaa}.card-carousel__placeholder{width:100%;text-align:center;color:var(--color-placeholder);align-self:center}.card-carousel__item{display:inline-block;vertical-align:top;width:180px;flex-shrink:0;border:1px solid var(--color-border);border-radius:var(--border-radius);padding:calc(var(--spacing-unit) * 1.5);background-color:var(--color-surface);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:var(--box-shadow-light);text-align:center;white-space:normal}.card-carousel__item:hover{transform:translateY(-4px);box-shadow:var(--box-shadow-hover)}.card-carousel__item img{max-width:90%;height:auto;max-height:100px;margin-bottom:var(--spacing-unit);display:block;margin-left:auto;margin-right:auto;border-radius:var(--border-radius-small)}.card-carousel__item-name{font-weight:700;display:block;margin-bottom:calc(var(--spacing-unit) * .5);color:var(--color-text-primary)}.card-carousel__item-faction{font-size:.85em;color:var(--color-text-secondary)}#btn-cancel-selection{display:block;margin:calc(var(--spacing-unit) * 2) auto 0 auto}.confirmation-view,.final-view{position:relative;max-width:650px}.confirmation-view h2{margin-bottom:var(--spacing-unit)}.confirmation-buttons{display:flex;justify-content:center;gap:calc(var(--spacing-unit) * 2);margin-top:calc(var(--spacing-unit) * 3)}.final-view{padding-top:calc(var(--spacing-unit) * 7.5);max-width:750px}.final-view__controls{position:absolute;top:calc(var(--spacing-unit) * 2);left:calc(var(--spacing-unit) * 2);right:calc(var(--spacing-unit) * 2);display:flex;justify-content:space-between;align-items:center;z-index:10}.card-display-area{margin:calc(var(--spacing-unit) * 2) auto}.card-display-area--large .card-details{max-width:700px}.card-display-area--large .card-details__image{max-width:150px;max-height:210px}.card-details[data-faction=蜀]{border-left-color:var(--faction-color-shu)}.card-details[data-faction=魏]{border-left-color:var(--faction-color-wei)}.card-details[data-faction=吴]{border-left-color:var(--faction-color-wu)}.card-details[data-faction=群]{border-left-color:var(--faction-color-qun)}.card-details[data-faction=神]{border-left-color:var(--faction-color-shen)}.card-details[data-faction=晋]{border-left-color:var(--faction-color-jin)}#app{width:100%;margin:0 auto;padding:0 1rem;min-height:100vh;display:flex;flex-direction:column}.portrait-hint{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--color-background);z-index:9999;flex-direction:column;justify-content:center;align-items:center;text-align:center}@media screen and (orientation:portrait)and (max-width:768px){.portrait-hint{display:flex}}.hint-content{padding:2rem;background:var(--color-surface);border-radius:var(--border-radius);border:2px solid var(--color-primary);box-shadow:var(--box-shadow)}.hint-icon{font-size:3rem;margin-bottom:1rem;animation:rotate-hint 2s infinite ease-in-out}@keyframes rotate-hint{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(90deg)}75%{transform:rotate(0)}to{transform:rotate(0)}}.hint-sub{font-size:.9em;color:var(--color-text-secondary);margin-top:.5rem}h1{text-align:center;font-size:clamp(1.5em,5vw,2.2em);color:var(--color-primary);text-shadow:2px 2px 4px rgba(59,45,33,.3);letter-spacing:2px;margin:1rem 0}.view{flex:1;display:flex;flex-direction:column}