.top-nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:100;background:#08080ccc;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);border-bottom:1px solid var(--border-subtle)}.nav-inner{max-width:1400px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.nav-brand{display:flex;align-items:center;gap:10px;cursor:pointer;flex-shrink:0}.brand-icon{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--gold),var(--gold-light));display:flex;align-items:center;justify-content:center;font-weight:900;font-size:16px;color:#0a0a0f;font-family:Playfair Display,serif}.brand-text{font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.brand-accent{background:var(--gold-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:4px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-link{background:none;border:none;color:var(--text-muted);font-size:14px;font-weight:500;padding:8px 14px;border-radius:10px;cursor:pointer;transition:all .3s ease;position:relative;white-space:nowrap}.nav-link:hover{color:var(--text-secondary);background:#ffffff08}.nav-link.active{color:var(--gold);background:var(--surface-gold-subtle)}.nav-link.active:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:16px;height:2px;background:var(--gold);border-radius:1px}.nav-login{border:1px solid var(--border-gold);color:var(--gold)}.nav-login:hover{background:var(--surface-gold-subtle);border-color:var(--border-gold-strong)}.nav-avatar{background:none;border:none;cursor:pointer;padding:0}.nav-avatar span{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;font-weight:700;font-size:14px;color:#0a0a0f;transition:transform .3s ease}.nav-avatar:hover span{transform:scale(1.1)}.nav-dropdown-wrap{position:relative}.nav-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;background:#0d0d14f2;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:8px;min-width:180px;box-shadow:0 16px 48px #0006;animation:fadeInUp .2s ease forwards;z-index:200}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:none;border:none;color:var(--text-secondary);font-size:14px;border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left}.dropdown-item:hover{background:var(--surface-gold-subtle);color:var(--gold)}.dropdown-item.active{color:var(--gold);background:var(--surface-gold-light)}.dropdown-icon{font-size:16px;width:20px;text-align:center}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;min-width:44px;min-height:44px;align-items:center;justify-content:center}.hamburger span{display:block;width:22px;height:2px;background:var(--text-secondary);border-radius:1px;transition:all .3s ease}.hamburger:hover span{background:var(--gold)}@media (max-width: 768px){.nav-links{display:none}.hamburger{display:flex}}[data-theme=light] .top-nav{background:#ffffffd9;border-bottom:1px solid rgba(0,0,0,.08)}[data-theme=light] .nav-brand{color:#1a1a2e}[data-theme=light] .nav-links a,[data-theme=light] .nav-links button{color:#333}[data-theme=light] .nav-links a:hover,[data-theme=light] .nav-links button:hover{color:#00d4aa}[data-theme=light] .nav-dropdown{background:#fffffffa;border:1px solid rgba(0,0,0,.1);box-shadow:0 8px 32px #0000001f}[data-theme=light] .nav-dropdown a{color:#333}.footer-area{position:relative;z-index:2;border-top:1px solid var(--border-subtle);margin-top:40px;padding:32px 16px 24px;text-align:center}.footer-inner{max-width:980px;margin:0 auto}.footer-brand{font-family:Playfair Display,serif;font-size:18px;color:var(--gold);margin-bottom:12px}.footer-links{display:flex;gap:16px;justify-content:center;margin-bottom:12px}.footer-links a,.footer-links button{font-size:13px;color:var(--text-muted);text-decoration:none;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .3s ease}.footer-links a:hover,.footer-links button:hover{color:var(--gold);background:var(--surface-gold-subtle)}.footer-copy{font-size:12px;color:var(--text-weak);margin-top:8px}@font-face{font-family:Inter;src:local("Inter"),local("-apple-system"),local("BlinkMacSystemFont");font-display:swap}@font-face{font-family:Playfair Display;src:local("Playfair Display"),local("Georgia"),local("STSong");font-display:swap}:root{--bg-deep:#08080c;--bg-mid:#0d0d14;--gold:#c9a96e;--gold-light:#f0d48a;--gold-dark:#a8894f;--gold-gradient:linear-gradient(135deg,#c9a96e,#f0d48a,#c9a96e);--gold-gradient-90:linear-gradient(90deg,#c9a96e,#f0d48a);--text-primary:rgba(255,255,255,.85);--text-secondary:rgba(255,255,255,.7);--text-muted:rgba(255,255,255,.6);--text-weak:rgba(255,255,255,.45);--border-subtle:rgba(255,255,255,.06);--border-light:rgba(255,255,255,.08);--border-gold:rgba(201,169,110,.3);--border-gold-strong:rgba(201,169,110,.4);--surface-glass:rgba(255,255,255,.025);--surface-glass-hover:rgba(255,255,255,.04);--surface-gold-subtle:rgba(201,169,110,.06);--surface-gold-light:rgba(201,169,110,.08);--surface-gold-medium:rgba(201,169,110,.1);--shadow-deep:0 32px 64px rgba(0,0,0,.4);--shadow-glow:0 0 120px rgba(201,169,110,.03);--radius-lg:24px;--radius-md:18px;--radius-sm:14px;--ease-out-expo:cubic-bezier(.23,1,.32,1);--nav-height:64px;--success:#52c41a;--success-bg:rgba(82,196,26,.1);--warning:#faad14;--warning-bg:rgba(250,173,20,.1);--error:#ff4d4f;--error-bg:rgba(255,77,79,.1);--info:#4F8CFF;--info-bg:rgba(79,140,255,.1)}[data-theme=light]{--bg-deep:#f5f5f7;--bg-main:#ffffff;--bg-card:rgba(255,255,255,.8);--surface-glass:rgba(255,255,255,.6);--border-subtle:rgba(0,0,0,.08);--border-gold:rgba(201,169,110,.3);--text-primary:rgba(0,0,0,.88);--text-secondary:rgba(0,0,0,.6);--text-muted:rgba(0,0,0,.4);--text-weak:rgba(0,0,0,.25);--gold:#b8942e;--gold-light:#d4a574;--shadow-card:0 4px 24px rgba(0,0,0,.06);--success:#16a34a;--warning:#d97706;--error:#dc2626;--info:#2563eb;--success-bg:rgba(22,163,74,.08);--warning-bg:rgba(217,119,6,.08);--error-bg:rgba(220,38,38,.08);--info-bg:rgba(37,99,235,.08)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg-deep);color:var(--text-secondary);min-height:100vh;min-height:-webkit-fill-available;min-height:100dvh;overflow-x:hidden;position:relative}.bg-atmosphere{position:fixed;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none;overflow:hidden}.bg-blob{position:absolute;border-radius:50%;filter:blur(120px);will-change:transform}.bg-blob-1{width:700px;height:700px;top:-200px;left:-150px;background:radial-gradient(circle,rgba(201,169,110,.07),transparent 70%);animation:blobFloat1 25s ease-in-out infinite}.bg-blob-2{width:600px;height:600px;bottom:-100px;right:-100px;background:radial-gradient(circle,rgba(120,80,200,.05),transparent 70%);animation:blobFloat2 30s ease-in-out infinite}.bg-blob-3{width:500px;height:500px;top:40%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(201,169,110,.04),transparent 70%);animation:blobFloat3 22s ease-in-out infinite}@keyframes blobFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(80px,60px) scale(1.1)}66%{transform:translate(-40px,30px) scale(.95)}}@keyframes blobFloat2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-60px,-40px) scale(1.05)}66%{transform:translate(30px,-60px) scale(.9)}}@keyframes blobFloat3{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-45%,-55%) scale(1.15)}}.bg-noise{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}::selection{background:#c9a96e4d;color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c9a96e40;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#c9a96e66}.shell{max-width:980px;margin:0 auto;padding:calc(var(--nav-height) + 24px) 16px 56px;position:relative;z-index:2}.card{background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);backdrop-filter:blur(40px) saturate(1.2);-webkit-backdrop-filter:blur(40px) saturate(1.2);box-shadow:0 0 0 1px #ffffff08 inset,var(--shadow-deep),var(--shadow-glow);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);pointer-events:none;z-index:1}.hero{padding:28px;margin-top:20px;overflow:hidden;position:relative}.hero:after,.hero:before{display:none}.hero-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:18px;align-items:stretch;margin-top:24px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.brand-label{display:inline-block;font-size:11px;font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--gold);background:#c9a96e0d;border:1px solid rgba(201,169,110,.15);border-radius:999px;padding:6px 14px;margin-bottom:16px;letter-spacing:.3em;text-transform:uppercase;font-weight:500}h1,h2,h3,p{margin:0}.hero h1{font-family:Playfair Display,PingFang SC,Hiragino Sans GB,Microsoft YaHei,serif;font-size:clamp(28px,5vw,52px);line-height:1.08;letter-spacing:-.02em;max-width:680px;font-weight:700;color:var(--text-primary)}.hero h1 .brand-text{background:var(--gold-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero .sub{margin-top:14px;color:var(--text-secondary);font-size:15px;line-height:1.8;max-width:720px}.hero-footer{margin-top:28px;padding-top:20px;border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:12px;line-height:1.8}button{border:0;cursor:pointer;font:inherit;outline:none}.btn-primary{background:linear-gradient(135deg,#c9a96e,#dbb978);color:#0a0a0f;padding:16px 40px;border-radius:var(--radius-sm);box-shadow:0 8px 32px #c9a96e40,0 2px 8px #c9a96e26;font-weight:600;font-size:15px;transition:all .4s var(--ease-out-expo);position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #c9a96e59,0 4px 12px #c9a96e33;filter:brightness(1.05)}.btn-primary:active{transform:translateY(0);box-shadow:0 4px 16px #c9a96e33}.btn-primary:disabled{cursor:not-allowed;opacity:.4;transform:none;filter:none}.btn-secondary{background:transparent;color:var(--gold);padding:16px 40px;border-radius:var(--radius-sm);border:1px solid var(--border-gold);font-weight:600;font-size:15px;transition:all .4s var(--ease-out-expo)}.btn-secondary:hover{background:#c9a96e14;border-color:#c9a96e80;transform:translateY(-1px)}.btn-secondary:disabled{cursor:not-allowed;opacity:.4;transform:none}.btn-sm{padding:10px 20px;font-size:13px;border-radius:10px}.page-enter{animation:screenFadeIn .5s var(--ease-out-expo) forwards}@keyframes screenFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes screenFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-in{opacity:0;animation:fadeInUp 1s var(--ease-out-expo) forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.3s}.delay-3{animation-delay:.5s}.delay-4{animation-delay:.7s}.result-stagger{opacity:0;transform:translateY(20px)}.result-stagger.visible{animation:fadeInUp .6s var(--ease-out-expo) forwards}.test-wrap,.result-wrap{margin-top:22px;padding:22px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;flex-wrap:wrap}.progress{flex:1;min-width:240px;height:3px;background:#ffffff0f;border-radius:999px;overflow:hidden;position:relative}.progress>span{display:block;width:0;height:100%;background:var(--gold-gradient-90);border-radius:inherit;transition:width .6s var(--ease-out-expo);position:relative}.progress>span:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{color:var(--text-muted);font-size:13px;white-space:nowrap;font-weight:500}.question-list{display:grid;gap:16px}.question{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:18px;background:#ffffff05;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;overflow:hidden;opacity:0;transform:translateY(20px);animation:fadeInUp .6s var(--ease-out-expo) forwards}.question:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);pointer-events:none}.question-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;color:var(--text-muted);font-size:12px}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;background:#c9a96e0f;border:1px solid rgba(201,169,110,.12);color:var(--gold);font-weight:500}.question-title{font-size:16px;line-height:1.7;white-space:pre-wrap;color:var(--text-primary)}.options{display:grid;gap:10px;margin-top:14px}.option{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#ffffff04;transition:all .3s var(--ease-out-expo);cursor:pointer;position:relative}.option:hover{background:#c9a96e0f;border-color:#c9a96e26;transform:translate(4px)}.option.selected{border-color:var(--border-gold-strong);background:#c9a96e14}.option.selected:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:4px;border-radius:0 4px 4px 0;background:var(--gold-gradient)}.option input[type=radio]{margin-top:3px;accent-color:var(--gold);transform:scale(1.1);flex-shrink:0;width:16px;height:16px}.option-code{font-weight:800;color:var(--gold);min-width:22px}.actions-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:6px}.hint{color:var(--text-muted);font-size:13px;line-height:1.7}.result-layout{display:grid;gap:18px}.result-top{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;align-items:stretch}.poster-box,.type-box,.analysis-box,.dim-box,.note-box{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:18px;background:#ffffff05;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;overflow:hidden}.poster-box:before,.type-box:before,.analysis-box:before,.dim-box:before,.note-box:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);pointer-events:none}.poster-box{display:grid;grid-template-rows:1fr auto;min-height:280px;overflow:hidden;position:relative;background:radial-gradient(circle at top right,rgba(201,169,110,.08),transparent 50%),#ffffff05}.poster-box:after{display:none}.poster-caption{margin-top:14px;color:var(--text-secondary);font-size:14px;line-height:1.8;position:relative;z-index:1}.result-actions{margin-top:22px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.analysis-box p{margin:0;color:var(--text-secondary);font-size:15px;line-height:1.9;white-space:pre-wrap}.analysis-box h3,.dim-box h3,.note-box h3{font-size:16px;margin-bottom:12px;color:var(--gold);font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.type-kicker{font-size:12px;color:var(--gold);margin-bottom:8px;letter-spacing:.06em;font-weight:500}.type-name{font-family:Playfair Display,PingFang SC,Hiragino Sans GB,Microsoft YaHei,serif;font-size:clamp(30px,5vw,48px);line-height:1.08;letter-spacing:-.02em;font-weight:700;background:var(--gold-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.type-subname{margin-top:10px;color:var(--text-secondary);font-size:14px;line-height:1.8}.match{margin-top:18px;display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:10px 14px;background:#c9a96e1a;border:1px solid rgba(201,169,110,.2);color:var(--gold);font-weight:700;font-size:14px;line-height:1.4}.dim-list{display:grid;gap:12px}.dim-item{border:1px solid var(--border-subtle);border-radius:16px;padding:14px;background:#ffffff04;position:relative;overflow:hidden}.dim-item:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);pointer-events:none}.dim-item-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;flex-wrap:wrap}.dim-item-name{font-size:14px;font-weight:700;color:var(--text-primary)}.dim-item-score{color:var(--gold);font-weight:800;font-size:14px;white-space:nowrap}.dim-item p{margin:0;color:var(--text-muted);font-size:13px;line-height:1.8}.dim-progress-bar{height:3px;background:#ffffff0f;border-radius:999px;overflow:hidden;margin-bottom:10px}.dim-progress-fill{height:100%;background:var(--gold-gradient-90);border-radius:999px;transition:width 1s var(--ease-out-expo);width:0}.note-box p{margin:0;color:var(--text-muted);font-size:13px;line-height:1.8}.radar-container{display:flex;justify-content:center;margin:20px 0}.radar-canvas{max-width:100%}.author-box{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#ffffff05;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden;position:relative}.author-box:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);pointer-events:none;z-index:1}.author-box summary{list-style:none;cursor:pointer;padding:18px;font-size:16px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;gap:12px}.author-box summary::-webkit-details-marker{display:none}.author-box summary:after{content:"展开";font-size:12px;font-weight:600;color:var(--gold);border:1px solid rgba(201,169,110,.2);background:#c9a96e0f;padding:6px 10px;border-radius:999px;flex-shrink:0;transition:all .3s ease}.author-box[open] summary:after{content:"收起"}.author-content{border-top:1px solid var(--border-subtle);padding:0 18px 18px}.author-content p{margin:14px 0 0;color:var(--text-secondary);font-size:14px;line-height:1.9}.cta-area{margin-top:18px;border:1px solid rgba(201,169,110,.12);border-radius:var(--radius-md);padding:28px 22px;background:radial-gradient(circle at bottom right,rgba(201,169,110,.06),transparent 50%),#ffffff05;text-align:center;position:relative;overflow:hidden}.cta-area:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,169,110,.15),transparent);pointer-events:none}.cta-area h3{font-size:18px;margin-bottom:8px;color:var(--text-primary);font-family:Playfair Display,PingFang SC,Hiragino Sans GB,Microsoft YaHei,serif}.cta-area p{color:var(--text-muted);font-size:14px;line-height:1.7;margin-bottom:16px}.cta-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.cta-pulse{position:relative}.cta-pulse:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#c9a96e4d,#c9a96e1a);z-index:-1;animation:ctaPulse 3s ease-in-out infinite;filter:blur(8px)}@keyframes ctaPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.share-modal-overlay,.contact-modal-overlay,.legal-modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1000;justify-content:center;align-items:center;padding:20px}.share-modal-overlay.active,.contact-modal-overlay.active,.legal-modal-overlay.active{display:flex;animation:modalOverlayIn .3s ease forwards}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}.share-modal,.contact-modal,.legal-modal{background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:28px;max-width:480px;width:100%;box-shadow:0 0 0 1px #ffffff08 inset,0 32px 64px #00000080,0 0 120px #c9a96e08;backdrop-filter:blur(40px) saturate(1.2);-webkit-backdrop-filter:blur(40px) saturate(1.2);position:relative;animation:modalScaleIn .4s var(--ease-out-expo) forwards}.share-modal:before,.contact-modal:before,.legal-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);pointer-events:none}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.share-modal h3{font-size:18px;margin-bottom:14px;color:var(--gold);font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.share-text{background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:16px;color:var(--text-secondary);font-size:14px;line-height:1.8;word-break:break-all}.share-modal-actions{margin-top:16px;display:flex;gap:12px;justify-content:flex-end}.copy-toast{display:none;position:fixed;top:20px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#c9a96e,#dbb978);color:#0a0a0f;padding:12px 24px;border-radius:var(--radius-sm);font-weight:600;font-size:14px;z-index:2000;box-shadow:0 8px 32px #c9a96e4d}.copy-toast.active{display:block;animation:fadeInOut 2s ease forwards}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(-10px)}15%{opacity:1;transform:translate(-50%) translateY(0)}85%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.home-hero{padding:48px 28px;text-align:center}.home-hero h1{max-width:600px;margin:0 auto}.home-hero .sub{max-width:560px;margin:14px auto 0}.toolbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:24px}.tool-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:22px;background:#ffffff05;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);cursor:pointer;transition:all .4s var(--ease-out-expo);position:relative;overflow:hidden}.tool-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);pointer-events:none}.tool-card:hover{border-color:var(--border-gold);background:var(--surface-gold-subtle);transform:translateY(-4px);box-shadow:0 12px 40px #c9a96e14}.tool-card-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-size:20px;font-weight:700}.tool-card-icon.icon-test{background:linear-gradient(135deg,#c9a96e26,#c9a96e0d);color:var(--gold)}.tool-card-icon.icon-knowledge{background:linear-gradient(135deg,#3498db26,#3498db0d);color:#3498db}.tool-card-icon.icon-challenge{background:linear-gradient(135deg,#e74c3c26,#e74c3c0d);color:#e74c3c}.tool-card-icon.icon-achievement{background:linear-gradient(135deg,#f39c1226,#f39c120d);color:#f39c12}.tool-card-icon.icon-record{background:linear-gradient(135deg,#2ecc7126,#2ecc710d);color:#2ecc71}.tool-card h3{font-size:16px;color:var(--text-primary);margin-bottom:8px;font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.tool-card p{font-size:13px;color:var(--text-muted);line-height:1.7}.tool-card.featured{border-color:#c9a96e33;background:radial-gradient(circle at top right,rgba(201,169,110,.06),transparent 50%),#ffffff05}.tool-card.featured:after{content:"主推";position:absolute;top:12px;right:12px;font-size:11px;color:var(--gold);background:#c9a96e1a;border:1px solid rgba(201,169,110,.2);border-radius:999px;padding:4px 10px;font-weight:600}.quote-card{margin-top:24px;border:1px solid rgba(201,169,110,.12);border-radius:var(--radius-md);padding:28px 24px;background:radial-gradient(circle at bottom right,rgba(201,169,110,.06),transparent 50%),#ffffff05;text-align:center;position:relative;overflow:hidden}.quote-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,169,110,.15),transparent);pointer-events:none}.quote-card .quote-label{font-size:12px;color:var(--gold);margin-bottom:14px;letter-spacing:.1em;text-transform:uppercase;font-weight:500}.quote-card .quote-text{font-family:Playfair Display,PingFang SC,Hiragino Sans GB,Microsoft YaHei,serif;font-size:18px;line-height:1.7;color:var(--text-primary);font-style:italic;max-width:600px;margin:0 auto}.quote-card .quote-author{margin-top:14px;font-size:14px;color:var(--text-muted)}.quote-refresh{margin-top:16px;background:none;border:1px solid var(--border-subtle);color:var(--text-muted);padding:8px 16px;border-radius:999px;font-size:12px;cursor:pointer;transition:all .3s ease}.quote-refresh:hover{color:var(--gold);border-color:var(--border-gold);background:var(--surface-gold-subtle)}.section-title{font-size:18px;color:var(--text-primary);margin-bottom:16px;font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-weight:600}.section-title .gold{color:var(--gold)}.footer-legal{display:flex;gap:16px;justify-content:center;margin-top:16px;flex-wrap:wrap}.footer-legal a,.footer-legal button{font-size:12px;color:#c9a96e80;text-decoration:none;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .3s ease}.footer-legal a:hover,.footer-legal button:hover{color:var(--gold);background:var(--surface-gold-subtle)}.test-intro{border:1px solid rgba(201,169,110,.12);border-radius:var(--radius-md);padding:28px 24px;background:radial-gradient(circle at bottom right,rgba(201,169,110,.06),transparent 50%),#ffffff05;text-align:center;position:relative;overflow:hidden;margin-top:20px}.test-intro:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,169,110,.15),transparent);pointer-events:none}.test-intro h2{font-family:Playfair Display,PingFang SC,Hiragino Sans GB,Microsoft YaHei,serif;font-size:24px;color:var(--text-primary);margin-bottom:12px}.test-intro p{font-size:14px;color:var(--text-secondary);line-height:1.8;margin-bottom:8px}.test-intro .test-meta{display:flex;justify-content:center;gap:24px;margin:20px 0;flex-wrap:wrap}.test-intro .test-meta-item{text-align:center}.test-intro .test-meta-item .meta-val{font-size:20px;font-weight:800;color:var(--gold)}.test-intro .test-meta-item .meta-label{font-size:12px;color:var(--text-muted);margin-top:4px}.test-intro-actions{margin-top:20px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.knowledge-tabs{display:flex;gap:0;margin-bottom:20px;border-bottom:1px solid var(--border-subtle);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.knowledge-tabs::-webkit-scrollbar{display:none}.knowledge-tab{flex-shrink:0;padding:12px 18px;text-align:center;font-size:14px;font-weight:500;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:all .3s ease;background:none;border-top:none;border-left:none;border-right:none;white-space:nowrap}.knowledge-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.knowledge-tab:hover{color:var(--text-secondary)}.knowledge-list{display:grid;gap:14px}.knowledge-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px;background:#ffffff05;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;overflow:hidden;transition:all .3s ease}.knowledge-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);pointer-events:none}.knowledge-card:hover{border-color:var(--border-gold);background:var(--surface-gold-subtle)}.knowledge-card h4{font-size:15px;color:var(--text-primary);margin-bottom:10px;line-height:1.6}.knowledge-card p{font-size:14px;color:var(--text-secondary);line-height:1.8}.knowledge-card .fav-btn{position:absolute;top:14px;right:14px;background:none;border:1px solid var(--border-subtle);color:var(--text-muted);width:34px;height:34px;border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.knowledge-card .fav-btn:hover{border-color:var(--border-gold);color:var(--gold);background:var(--surface-gold-subtle)}.knowledge-card .fav-btn.favorited{border-color:var(--gold);color:var(--gold);background:var(--surface-gold-light)}.challenge-card{border:1px solid rgba(201,169,110,.12);border-radius:var(--radius-md);padding:28px 24px;background:radial-gradient(circle at bottom right,rgba(201,169,110,.06),transparent 50%),#ffffff05;position:relative;overflow:hidden}.challenge-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,169,110,.15),transparent);pointer-events:none}.challenge-day{font-size:12px;color:var(--gold);margin-bottom:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:500}.challenge-text{font-family:Playfair Display,PingFang SC,Hiragino Sans GB,Microsoft YaHei,serif;font-size:20px;line-height:1.6;color:var(--text-primary);margin-bottom:20px}.challenge-textarea{width:100%;min-height:100px;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:14px;color:var(--text-primary);font-family:inherit;font-size:14px;line-height:1.7;resize:vertical;outline:none;transition:border-color .3s ease}.challenge-textarea:focus{border-color:var(--border-gold)}.challenge-textarea::placeholder{color:var(--text-weak)}.challenge-actions{margin-top:14px;display:flex;gap:12px;flex-wrap:wrap}.challenge-history{margin-top:24px}.challenge-history h3{font-size:16px;color:var(--gold);margin-bottom:14px}.history-list{display:grid;gap:12px}.history-item{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:14px;background:#ffffff04}.history-item .history-date{font-size:12px;color:var(--text-muted);margin-bottom:6px}.history-item .history-challenge{font-size:14px;color:var(--text-primary);margin-bottom:6px}.history-item .history-answer{font-size:13px;color:var(--text-secondary);line-height:1.7;padding:10px;background:#ffffff05;border-radius:10px;border:1px solid var(--border-subtle)}.profile-header{display:flex;align-items:center;gap:20px;margin-bottom:24px;flex-wrap:wrap}.profile-avatar-lg{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px;color:#0a0a0f;border:3px solid var(--gold);flex-shrink:0}.profile-info h2{font-size:22px;color:var(--text-primary);font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.profile-info p{font-size:14px;color:var(--text-muted);margin-top:4px}.profile-section{margin-top:24px}.profile-section h3{font-size:16px;color:var(--gold);margin-bottom:14px;display:flex;align-items:center;gap:8px}.profile-section h3 .count{font-size:12px;color:var(--text-muted);font-weight:500}.profile-grid{display:grid;gap:12px}.profile-item{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:14px;background:#ffffff04;display:flex;justify-content:space-between;align-items:center;gap:12px}.profile-item .item-info{flex:1;min-width:0}.profile-item .item-title{font-size:14px;color:var(--text-primary);font-weight:600}.profile-item .item-meta{font-size:12px;color:var(--text-muted);margin-top:4px}.profile-item .item-score{color:var(--gold);font-weight:700;font-size:14px;white-space:nowrap}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.achievement-card{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:16px;background:#ffffff04;text-align:center;transition:all .3s ease;position:relative}.achievement-card.unlocked{border-color:#c9a96e33;background:var(--surface-gold-subtle)}.achievement-card .ach-icon{font-size:32px;margin-bottom:8px}.achievement-card .ach-name{font-size:14px;color:var(--text-primary);font-weight:600;margin-bottom:4px}.achievement-card .ach-desc{font-size:12px;color:var(--text-muted);line-height:1.6}.achievement-card.unlocked .ach-name{color:var(--gold)}.achievement-card.locked{opacity:.4}.achievement-card.locked .ach-icon{filter:grayscale(1)}.auth-container{max-width:400px;margin:0 auto}.auth-card{padding:32px}.auth-card h2{font-family:Playfair Display,PingFang SC,Hiragino Sans GB,Microsoft YaHei,serif;font-size:24px;color:var(--text-primary);margin-bottom:8px;text-align:center}.auth-card .auth-sub{font-size:14px;color:var(--text-muted);text-align:center;margin-bottom:24px}.auth-tabs{display:flex;gap:0;margin-bottom:24px;border-bottom:1px solid var(--border-subtle)}.auth-tab{flex:1;padding:10px 0;text-align:center;font-size:14px;font-weight:500;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:all .3s ease;background:none;border-top:none;border-left:none;border-right:none}.auth-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.auth-tab:hover{color:var(--text-secondary)}.auth-form{display:none}.auth-form.active{display:block}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;color:var(--text-muted);margin-bottom:6px;font-weight:500}.form-input{width:100%;padding:12px 14px;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;transition:border-color .3s ease}.form-input:focus{border-color:var(--border-gold)}.form-input::placeholder{color:var(--text-weak)}select.form-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23c9a96e' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}select.form-input option{background:#1a1a2e;color:#ffffffd9}.form-error{font-size:12px;color:#e74c3c;margin-top:6px;display:none}.form-error.show{display:block}.auth-submit{width:100%;margin-top:8px}.auth-logout{margin-top:16px;text-align:center}.evidence-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.evidence-card{background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:18px 14px;text-align:center;transition:all .3s ease}.evidence-card:hover{border-color:var(--border-gold);background:var(--surface-gold-subtle)}.ev-label{font-size:12px;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.ev-value{font-size:28px;font-weight:800;color:var(--gold);line-height:1.2}.ev-sub{font-size:11px;color:var(--text-weak);margin-top:4px}.scorer-dimension{background:#ffffff05;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:16px 18px;margin-bottom:12px}.scorer-dimension h4{font-size:15px;color:var(--text-primary);margin-bottom:4px;font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.dim-weight{font-size:12px;color:var(--text-weak);font-weight:400}.scorer-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:#ffffff14;outline:none;cursor:pointer}.scorer-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--gold);cursor:pointer;box-shadow:0 2px 8px #c9a96e4d}.scorer-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--gold);cursor:pointer;border:none}.scorer-result{text-align:center;padding:24px;background:#ffffff05;border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.go-indicator{display:inline-block;font-size:32px;font-weight:900;padding:10px 32px;border-radius:var(--radius-sm);letter-spacing:.05em}.go-indicator.go{background:#2ecc7126;color:#2ecc71;border:2px solid rgba(46,204,113,.3)}.go-indicator.maybe{background:#f39c1226;color:#f39c12;border:2px solid rgba(243,156,18,.3)}.go-indicator.no-go{background:#e74c3c26;color:#e74c3c;border:2px solid rgba(231,76,60,.3)}.score-bar{height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.score-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.pipeline-steps{display:flex;gap:4px;margin-bottom:24px;flex-wrap:wrap}.pipeline-step{flex:1;min-width:80px;padding:12px 8px;border-radius:12px;text-align:center;font-size:12px;font-weight:600;color:var(--text-muted);background:#ffffff05;border:1px solid var(--border-subtle);cursor:pointer;transition:all .3s ease}.pipeline-step:hover{background:var(--surface-gold-subtle);border-color:var(--border-gold)}.pipeline-step.active{color:var(--gold);background:var(--surface-gold-light);border-color:var(--border-gold-strong)}.pipeline-step .step-num{display:block;font-size:18px;font-weight:800;margin-bottom:4px}.idea-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px;background:#ffffff05;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;overflow:hidden;transition:all .3s ease;margin-bottom:16px}.idea-card:hover{border-color:var(--border-gold)}.idea-card h4{font-size:16px;color:var(--text-primary);margin-bottom:8px}.idea-card p{font-size:14px;color:var(--text-secondary);line-height:1.7}.idea-card .idea-meta{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap}.idea-card .idea-tag{font-size:11px;padding:4px 10px;border-radius:999px;background:var(--surface-gold-subtle);color:var(--gold);border:1px solid rgba(201,169,110,.15)}.idea-card .idea-status{font-size:11px;padding:4px 10px;border-radius:999px;background:#ffffff0a;color:var(--text-muted);border:1px solid var(--border-subtle)}.idea-card .idea-actions{display:flex;gap:8px;margin-top:14px}.empty-state{text-align:center;padding:48px 20px;color:var(--text-muted)}.empty-state h3{font-size:16px;color:var(--text-secondary);margin-bottom:8px}.empty-state p{font-size:14px;line-height:1.7}.debate-round{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px;margin-bottom:16px;background:#ffffff05;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.debate-round.blue-round{border-left:3px solid #3498db}.debate-round.red-round{border-left:3px solid #e74c3c}.debate-round h4{font-size:15px;margin-bottom:6px;display:flex;align-items:center;gap:8px}.debate-round .round-badge{font-size:11px;padding:3px 10px;border-radius:999px;font-weight:600}.debate-round .round-badge.blue{background:#3498db26;color:#3498db}.debate-round .round-badge.red{background:#e74c3c26;color:#e74c3c}.debate-round .round-prompt{font-size:13px;color:var(--text-muted);margin-bottom:10px;line-height:1.6}.debate-round textarea{width:100%;min-height:100px;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:14px;color:var(--text-primary);font-family:inherit;font-size:14px;line-height:1.7;resize:vertical;outline:none;transition:border-color .3s}.debate-round textarea:focus{border-color:var(--border-gold)}.debate-round textarea::placeholder{color:var(--text-weak)}.debate-scorecard{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.debate-score{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px;background:#ffffff05;text-align:center}.debate-score .ds-label{font-size:13px;color:var(--text-muted);margin-bottom:8px}.debate-score .ds-value{font-size:36px;font-weight:800}.debate-score .ds-value.blue{color:#3498db}.debate-score .ds-value.red{color:#e74c3c}.debate-verdict{text-align:center;padding:24px;margin-top:20px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#ffffff05}.debate-verdict h3{font-size:18px;margin-bottom:8px}.debate-verdict p{font-size:14px;color:var(--text-secondary);line-height:1.8;max-width:500px;margin:0 auto}.swot-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.swot-cell{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px;background:#ffffff05;min-height:180px}.swot-cell h4{font-size:14px;margin-bottom:10px;display:flex;align-items:center;gap:6px}.swot-cell h4 .swot-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.swot-cell.s-cell h4 .swot-dot{background:#2ecc71}.swot-cell.w-cell h4 .swot-dot{background:#e74c3c}.swot-cell.o-cell h4 .swot-dot{background:#3498db}.swot-cell.t-cell h4 .swot-dot{background:#f39c12}.swot-item{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px;padding:8px;border-radius:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.04)}.swot-item-text{flex:1;font-size:13px;color:var(--text-secondary);line-height:1.6}.swot-item-del{background:none;border:none;color:var(--text-weak);cursor:pointer;font-size:16px;padding:0 4px;flex-shrink:0}.swot-item-del:hover{color:#e74c3c}.swot-add{display:flex;gap:8px;margin-top:10px}.swot-add input{flex:1;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:8px;padding:8px 12px;color:var(--text-primary);font-size:13px;outline:none;min-height:auto}.swot-add input:focus{border-color:var(--border-gold)}.swot-add input::placeholder{color:var(--text-weak)}.tows-section{margin-top:24px}.tows-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.tows-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px;background:#ffffff05}.tows-card h5{font-size:13px;color:var(--gold);margin-bottom:8px}.tows-card p{font-size:12px;color:var(--text-muted);line-height:1.6}.canvas-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto auto;gap:10px;margin-top:20px}.canvas-cell{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px;background:#ffffff05;min-height:140px;overflow-y:auto}.canvas-cell h4{font-size:12px;color:var(--gold);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.canvas-cell .cell-hint{font-size:11px;color:var(--text-weak);margin-bottom:8px}.canvas-note{display:flex;align-items:flex-start;gap:6px;margin-bottom:6px;padding:6px 8px;border-radius:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.04);font-size:13px;color:var(--text-secondary);line-height:1.5}.canvas-note-del{background:none;border:none;color:var(--text-weak);cursor:pointer;font-size:14px;padding:0 2px;flex-shrink:0}.canvas-note-del:hover{color:#e74c3c}.canvas-add-input{width:100%;background:transparent;border:1px dashed var(--border-subtle);border-radius:6px;padding:6px 8px;color:var(--text-primary);font-size:12px;outline:none;margin-top:4px}.canvas-add-input:focus{border-color:var(--border-gold)}.canvas-add-input::placeholder{color:var(--text-weak)}.ai-hero{text-align:center;padding:40px 20px 30px}.ai-hero h2{font-size:28px;font-weight:800;color:var(--text-primary);margin-bottom:8px}.ai-hero p{font-size:15px;color:var(--text-muted);max-width:500px;margin:0 auto 24px;line-height:1.7}.ai-input-wrap{position:relative;max-width:600px;margin:0 auto 20px}.ai-input-wrap input{width:100%;padding:18px 140px 18px 20px;border-radius:16px;border:1px solid var(--border-gold);background:#ffffff08;color:var(--text-primary);font-size:16px;font-family:inherit;outline:none;transition:all .3s ease;box-shadow:0 0 30px #c9a96e0f}.ai-input-wrap input:focus{border-color:var(--gold);box-shadow:0 0 40px #c9a96e1f}.ai-input-wrap input::placeholder{color:var(--text-weak)}.ai-input-wrap button{position:absolute;right:6px;top:50%;transform:translateY(-50%);padding:12px 24px;border-radius:12px;border:none;background:linear-gradient(135deg,var(--gold),#f0d48a);color:#0a0a0f;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease}.ai-input-wrap button:hover{transform:translateY(-50%) scale(1.02);box-shadow:0 4px 20px #c9a96e4d}.ai-input-wrap button:disabled{opacity:.5;cursor:not-allowed;transform:translateY(-50%)}.ai-progress{max-width:600px;margin:0 auto 24px;display:none}.ai-progress-bar{height:4px;background:#ffffff0f;border-radius:999px;overflow:hidden}.ai-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--gold),#f0d48a);border-radius:999px;transition:width .5s ease}.ai-progress-text{font-size:13px;color:var(--text-muted);margin-top:8px;text-align:center}.ai-results{max-width:700px;margin:0 auto}.ai-result-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px;background:#ffffff05;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);margin-bottom:16px;opacity:0;transform:translateY(20px);transition:all .5s ease}.ai-result-card.visible{opacity:1;transform:translateY(0)}.ai-result-card h3{font-size:16px;color:var(--text-primary);margin-bottom:12px;display:flex;align-items:center;gap:8px}.ai-result-card h3 .card-icon{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.ai-result-card h3 .card-icon.blue{background:#3498db26;color:#3498db}.ai-result-card h3 .card-icon.green{background:#2ecc7126;color:#2ecc71}.ai-result-card h3 .card-icon.red{background:#e74c3c26;color:#e74c3c}.ai-result-card h3 .card-icon.gold{background:#c9a96e26;color:var(--gold)}.ai-result-card h3 .card-icon.purple{background:#9b59b626;color:#9b59b6}.ai-result-card h3 .card-icon.orange{background:#f39c1226;color:#f39c12}.ai-result-card .card-content{font-size:14px;color:var(--text-secondary);line-height:1.8}.ai-result-card .card-content strong{color:var(--text-primary)}.ai-result-card .card-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.ai-result-card .card-actions .btn-sm{font-size:12px;padding:6px 14px}.ai-examples{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:16px}.ai-examples button{padding:6px 14px;border-radius:999px;border:1px solid var(--border-subtle);background:#ffffff05;color:var(--text-muted);font-size:12px;cursor:pointer;transition:all .3s ease}.ai-examples button:hover{border-color:var(--border-gold);color:var(--gold);background:var(--surface-gold-subtle)}.ai-typing{display:inline-block;width:6px;height:6px;background:var(--gold);border-radius:50%;margin-left:4px;animation:typingBounce .6s infinite alternate}.ai-typing:nth-child(2){animation-delay:.2s}.ai-typing:nth-child(3){animation-delay:.4s}@keyframes typingBounce{to{opacity:.3;transform:translateY(-4px)}}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;color:var(--gold)}.loading-spinner .spinner{display:inline-block;width:24px;height:24px;border:2px solid var(--border-gold);border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner p{margin-top:12px;font-size:14px}.ai-chat-messages{background:#ffffff03;border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle)}.ai-msg{animation:fadeInUp .3s ease forwards}.ai-msg.user .ai-msg-time{display:none}textarea.form-input{font-family:inherit}textarea.form-input:focus{border-color:var(--border-gold)}textarea.form-input::placeholder{color:var(--text-weak)}@media (max-width:860px){.result-top,.hero-grid,.swot-grid,.tows-grid{grid-template-columns:1fr}}@media (max-width:768px){.nav-links{display:none}.hamburger{display:flex}.top-nav{padding:0 16px}}@media (max-width:600px){.shell{padding:calc(var(--nav-height) + 14px) 12px 42px}.hero,.test-wrap,.result-wrap{padding:16px}.hero h1{font-size:32px}.question-title{font-size:15px}.cta-buttons{flex-direction:column}.cta-buttons button{width:100%}.btn-primary,.btn-secondary,.btn-share{padding:14px 24px;font-size:14px}.toolbox-grid{grid-template-columns:1fr}.achievement-grid{grid-template-columns:repeat(2,1fr)}.home-hero{padding:32px 16px}.evidence-grid{grid-template-columns:repeat(2,1fr)}.canvas-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.canvas-cell{min-height:100px}}@supports (padding:env(safe-area-inset-bottom)){.shell{padding-bottom:calc(56px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.bg-blob{animation:none!important}.cta-pulse:after{animation:none!important}}button.tool-card{text-align:left;font:inherit;color:inherit;background:none;border:none;cursor:pointer;width:100%}[data-theme=light] .bg-blob-1{background:radial-gradient(circle,rgba(201,169,110,.08) 0%,transparent 70%)}[data-theme=light] .bg-blob-2{background:radial-gradient(circle,rgba(79,140,255,.06) 0%,transparent 70%)}[data-theme=light] .bg-blob-3{background:radial-gradient(circle,rgba(201,169,110,.04) 0%,transparent 70%)}[data-theme=light] .bg-noise{opacity:.03}[data-theme=light] .card{background:#ffffffd9;border:1px solid rgba(0,0,0,.06)}[data-theme=light] .form-input{background:#00000008;border-color:#0000001f;color:#000000e0}[data-theme=light] .form-input:focus{border-color:var(--gold)}[data-theme=light] .form-input::placeholder{color:#0000004d}[data-theme=light] .btn-primary{color:#fff}[data-theme=light] .btn-secondary{border-color:#0000001f;color:#000000b3}[data-theme=light] .btn-secondary:hover{background:#0000000a}[data-theme=light] .section-title{color:#000000e0}[data-theme=light] .tool-card{background:#ffffffb3;border:1px solid rgba(0,0,0,.06)}[data-theme=light] .tool-card:hover{border-color:var(--gold);background:#ffffffe6}[data-theme=light] .profile-item{background:#fff9;border:1px solid rgba(0,0,0,.06)}[data-theme=light] .quote-card{background:#c9a96e0f;border:1px solid rgba(201,169,110,.15)}[data-theme=light] select.form-input option{background:#fff;color:#000000d9}[data-theme=light] .ai-msg.user{background:var(--gold);color:#fff}[data-theme=light] .ai-msg.assistant{background:#00000008;border:1px solid rgba(0,0,0,.08);color:#000000bf}[data-theme=light] .legal-modal{background:#fff;color:#000000d9}[data-theme=light] .legal-modal-overlay{background:#0000004d}[data-theme=light] .ev-label{color:#00000080}[data-theme=light] .ev-value{color:#000000e0}[data-theme=light] .evidence-card{background:#fff9;border:1px solid rgba(0,0,0,.06)}[data-theme=light] .progress{background:#00000014}[data-theme=light] .challenge-card,[data-theme=light] .debate-round,[data-theme=light] .swot-item,[data-theme=light] .canvas-module,[data-theme=light] .evidence-card,[data-theme=light] .team-card,[data-theme=light] .idea-card,[data-theme=light] .knowledge-card{background:#ffffffe6;border:1px solid rgba(0,0,0,.08)}
