:root{--social-black:#08090d;--social-gold:#c8a45d;--social-blue:#536cff;--social-text:#f5f2ea}.social-mode{margin:0;background:var(--social-black);color:var(--social-text);font-family:"Noto Serif SC",serif}.social-mode .shop-mark{position:fixed;z-index:80;right:18px;bottom:14px;padding:6px 10px;border:1px solid #ffffff24;background:#08090dbd;color:#c9c4b8;font:9px Arial,sans-serif;letter-spacing:.08em;backdrop-filter:blur(8px)}.social-mode button{font-family:inherit}.social-home{position:relative;min-height:100svh;overflow:hidden;background:#030406}.social-back{position:absolute;z-index:9;top:24px;left:28px;border:0;background:none;color:#a9adbd;font:9px Arial,sans-serif;letter-spacing:.18em;cursor:pointer}.social-stage-art{position:absolute;inset:0}.social-stage-art>img{width:100%;height:100%;object-fit:cover;object-position:54% 38%;opacity:.62;filter:saturate(.8) contrast(1.12)}.social-stage-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#030406 0 35%,rgba(3,4,6,.63) 52%,rgba(3,4,6,.12)),linear-gradient(0deg,#030406 0,transparent 48%,#03040670)}.social-curtain{position:absolute;z-index:2;top:0;bottom:0;width:23%;background:repeating-linear-gradient(92deg,#010204 0 24px,#10121b 45px,#030406 82px);filter:drop-shadow(0 0 28px #000)}.social-curtain.left{left:-9%;clip-path:polygon(0 0,100% 0,74% 100%,0 100%)}.social-curtain.right{right:-11%;clip-path:polygon(0 0,100% 0,100% 100%,22% 100%)}.social-spot{position:absolute;z-index:1;top:-24%;left:45%;width:32%;height:105%;transform:perspective(700px) rotateX(-8deg);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);background:linear-gradient(#fff7dc70,rgba(83,108,255,.06) 58%,transparent);filter:blur(22px)}.social-home-copy{position:relative;z-index:5;width:min(650px,calc(100% - 48px));min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:75px clamp(24px,7vw,110px)}.social-home-copy>p:first-child,.social-result-nav,.social-section header>p,.social-analysis article span,.social-reflection article>p,.social-books header>p,.social-share article>p{color:var(--social-gold);font:9px Arial,sans-serif;letter-spacing:.24em}.social-home-copy h1{margin:16px 0 0;font-size:clamp(54px,7.2vw,112px);font-weight:500;line-height:1.02;letter-spacing:-.055em}.social-home-copy h2{margin:17px 0 33px;color:#9aa7f8;font:500 clamp(16px,2vw,26px) Cinzel,Georgia,serif;letter-spacing:.08em}.social-home-copy blockquote{margin:0 0 38px;padding-left:22px;border-left:1px solid var(--social-gold);font-size:clamp(18px,2vw,26px);line-height:1.9;color:#d8d3ca}.social-redeem{display:grid;grid-template-columns:minmax(210px,360px) auto;gap:10px;max-width:540px}.social-redeem label{grid-column:1/-1;color:#a5a6ae;font:10px Arial,sans-serif;letter-spacing:.12em}.social-redeem input{min-width:0;padding:17px 18px;border:1px solid #c8a45d66;background:#08090d99;color:#fff;outline:none}.social-redeem input:focus{border-color:var(--social-blue);box-shadow:0 0 28px #536cff38}.social-redeem button,.social-resume button,.social-share button,.social-actions button{padding:16px 24px;border:1px solid #c8a45d75;background:transparent;color:#ede8de;cursor:pointer}.social-redeem button,.social-mode button.lit{background:linear-gradient(110deg,#a98543,#e1c982);color:#11131a;border-color:#e1c982}.social-home-copy>small{max-width:570px;margin-top:28px;color:#7d818d;font-size:10px;line-height:1.9}.social-error{color:#ffb2b2}.social-resume{min-height:100svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden}.social-resume>img{width:100%;height:100svh;object-fit:cover;filter:brightness(.66)}.social-resume>article{padding:clamp(40px,8vw,120px)}.social-resume article>p{color:var(--social-gold);font:9px Arial,sans-serif;letter-spacing:.22em}.social-resume h1{font-size:clamp(38px,5vw,72px);font-weight:400}.social-resume article>span{display:block;max-width:660px;color:#aaa9ac;line-height:1.9}.social-resume article>div{margin:30px 0;padding:18px;border:1px solid #536cff66;background:#111522;color:#b7c0ff;word-break:break-all}.social-resume nav{display:flex;gap:10px;flex-wrap:wrap}.social-resume small{display:block;margin-top:25px;color:#777b88}.social-quiz{position:relative;min-height:100svh;overflow:hidden;background:radial-gradient(circle at 20% 65%,#17214a 0,transparent 35%),#05060a}.social-quiz header{position:absolute;z-index:5;top:0;left:0;right:0;display:grid;grid-template-columns:auto 1fr auto;gap:25px;align-items:center;padding:25px 34px;color:#9fa3b2;font:9px Arial,sans-serif;letter-spacing:.18em}.social-quiz header i{height:1px;background:#ffffff1f}.social-quiz header b{display:block;width:var(--social-progress);height:1px;background:linear-gradient(90deg,var(--social-blue),var(--social-gold));box-shadow:0 0 12px var(--social-blue);transition:.35s}.social-quiz header small{font:inherit}.social-quiz-art{position:absolute;inset:0 58% 0 0;overflow:hidden}.social-quiz-art img{width:100%;height:100%;object-fit:cover;filter:brightness(.48) saturate(.88)}.social-quiz-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#05060a),linear-gradient(0deg,#05060a 0,transparent 50%)}.social-question{position:relative;z-index:3;width:min(760px,54%);margin-left:auto;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:90px max(34px,6vw) 50px 30px}.social-question>p{color:var(--social-gold);font:10px Arial,sans-serif;letter-spacing:.18em}.social-question h1{margin:18px 0 36px;font-size:clamp(27px,3.5vw,47px);font-weight:400;line-height:1.5}.social-options{display:grid;gap:10px}.social-options button{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:15px;min-height:62px;padding:13px 18px;border:1px solid #ffffff1f;background:#0c0e15bd;color:#e4e0d8;text-align:left;font-size:14px;line-height:1.65;cursor:pointer;transition:.22s}.social-options button i{width:11px;height:11px;border:1px solid #7d8297;border-radius:50%}.social-options button:hover,.social-options button.selected{border-color:#7c8dff;background:linear-gradient(90deg,#536cff25,#c8a45d16);transform:translateX(-5px);box-shadow:0 0 25px #536cff1f}.social-options button.selected i{border-color:#fff;background:var(--social-blue);box-shadow:0 0 13px var(--social-blue)}.social-prev{align-self:flex-start;margin-top:24px;border:0;background:none;color:#7f8290;cursor:pointer}.social-prev:disabled{opacity:.2}.social-loading{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 45%,#27336d 0,transparent 28%),#05060a}.social-loading-orbit{position:relative!important;width:180px;height:180px!important;margin-bottom:40px!important;border:1px solid #c8a45d48!important;border-radius:50%;display:grid!important;place-items:center!important}.social-loading-orbit:before,.social-loading-orbit:after{content:"";position:absolute;border:1px solid #536cff70;border-radius:50%;inset:18px;animation:socialSpin 3s linear infinite}.social-loading-orbit:after{inset:-16px;border-style:dashed;animation-direction:reverse}.social-loading-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 18px #fff;transform:translateY(-81px)}.social-loading-orbit b{font:46px Cinzel,serif;color:var(--social-gold)}.social-loading>p{color:var(--social-gold);font:9px Arial,sans-serif;letter-spacing:.25em}.social-loading h1{min-height:50px;font-size:clamp(22px,3vw,36px);font-weight:400}.social-loading>div:last-child{display:flex;gap:22px!important;height:auto!important;margin-top:25px!important;border:0!important}.social-loading>div:last-child span{display:grid;place-items:center;width:27px;height:27px;border:1px solid #3f4354;border-radius:50%;color:#606574;font:9px Arial,sans-serif}.social-loading>div:last-child span.active{border-color:var(--social-gold);background:var(--social-gold);color:#08090d;box-shadow:0 0 15px #c8a45d55}@keyframes socialSpin{to{transform:rotate(360deg)}}.social-result{background:#08090d}.social-result-nav{position:fixed;z-index:60;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:20px 28px;background:linear-gradient(#05060add,transparent)}.social-result-nav button{border:0;background:none;color:#e5e1d8;font:inherit}.social-result-hero{position:relative;height:100svh;min-height:690px;overflow:hidden}.social-result-hero>img{width:100%;height:115%;object-fit:cover;object-position:center 48%;animation:socialParallax 12s ease-in-out infinite alternate}.social-hero-mask{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,transparent,#08090d73 63%),linear-gradient(0deg,#08090d 0,transparent 48%,#03040785)}.social-hero-copy{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-shadow:0 4px 30px #000}.social-hero-copy>p{margin:0 0 3px;color:#d0c8bb;font-size:13px;letter-spacing:.3em}.social-hero-copy>strong{font:500 clamp(150px,25vw,350px)/.87 Cinzel,Georgia,serif;letter-spacing:-.08em;background:linear-gradient(150deg,#fff7d6,#c8a45d 52%,#725323);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 35px #c8a45d4a)}.social-hero-copy>span{color:#9da9ff;font:10px Arial,sans-serif;letter-spacing:.25em}.social-hero-copy h1{margin:13px 0 10px;font-size:clamp(40px,6vw,78px);font-weight:500}.social-hero-copy blockquote{margin:0;font-size:clamp(15px,2vw,22px);color:#e2ddd4}.social-result-hero>a{position:absolute;z-index:4;bottom:25px;left:0;right:0;text-align:center;color:#ddd7ce;text-decoration:none;font:9px Arial,sans-serif;letter-spacing:.2em}.social-particles i{position:absolute;z-index:2;width:3px;height:3px;border-radius:50%;background:#d6bc7c;box-shadow:0 0 9px #d6bc7c;animation:socialFloat 7s infinite}.social-particles i:nth-child(1){left:16%;top:62%}.social-particles i:nth-child(2){left:35%;top:28%;animation-delay:-2s}.social-particles i:nth-child(3){left:71%;top:46%;animation-delay:-4s}.social-particles i:nth-child(4){left:86%;top:70%;animation-delay:-1s}.social-particles i:nth-child(5){left:58%;top:75%;animation-delay:-5s}@keyframes socialFloat{50%{transform:translateY(-35px);opacity:.25}}@keyframes socialParallax{to{transform:translateY(-5%) scale(1.03)}}.social-section{width:min(1160px,calc(100% - 48px));margin:auto;padding:clamp(90px,11vw,150px) 0}.social-section header h2,.social-books h2,.social-share h2{margin:10px 0 42px;font-size:clamp(40px,6vw,76px);font-weight:400;line-height:1.15}.social-glass{padding:clamp(30px,6vw,72px);border:1px solid #c8a45d55;background:linear-gradient(135deg,#ffffff0d,#536cff0b);backdrop-filter:blur(18px);box-shadow:0 40px 100px #0008,inset 0 0 65px #536cff0a}.social-glass p{margin:0;font-size:clamp(18px,2.1vw,27px);line-height:2.05;color:#ddd8d0}.social-analysis{border-top:1px solid #ffffff18}.social-analysis>article{display:grid;grid-template-columns:1fr 1fr;gap:80px}.social-analysis article>p{margin:0;font-size:clamp(18px,2vw,25px);line-height:2;color:#d6d1c8}.social-analysis article>div{display:grid;gap:15px}.social-analysis article span{padding:24px;border-left:1px solid var(--social-blue);background:#111522}.social-analysis article small{display:block;margin-top:10px;color:#a2a3aa;font:13px/1.8 "Noto Serif SC",serif;letter-spacing:0}.social-spectrum{border-top:1px solid #ffffff18}.social-spectrum-grid{display:grid;grid-template-columns:minmax(520px,1fr) .75fr;gap:70px;align-items:center}.social-radar{width:100%;overflow:visible}.social-radar .grid polygon,.social-radar .grid line{fill:none;stroke:#c8a45d3b;stroke-width:1}.social-radar .shape{fill:#536cff31;stroke:var(--social-gold);stroke-width:3;filter:drop-shadow(0 0 9px #c8a45d77)}.social-radar .nodes circle{fill:#536cff;stroke:#fff;stroke-width:1}.social-radar .nodes circle.active{fill:#fff1b9;stroke:var(--social-gold);stroke-width:3;filter:drop-shadow(0 0 10px #fff)}.social-radar .labels text{fill:#aaa9ae;font:11px Arial,sans-serif}.social-radar .labels tspan+tspan{fill:#646a7d;font-size:8px;letter-spacing:.06em}.social-radar .labels text.active,.social-radar .labels text.active tspan{fill:#e4c87e}.social-spectrum-grid aside{display:grid;gap:16px}.social-peak,.social-growth{padding:30px;border:1px solid #c8a45d55;background:linear-gradient(135deg,#c8a45d15,#536cff0d)}.social-growth{border-color:#536cff52}.social-peak p,.social-growth p{margin:0;color:#a9a4a0;font:9px Arial,sans-serif;letter-spacing:.18em}.social-peak b,.social-growth b{display:block;margin-top:14px;font-size:27px}.social-peak strong,.social-growth strong{display:block;font:88px/.95 Cinzel,serif;color:var(--social-gold)}.social-growth strong{color:#7c8dff}.social-peak span,.social-growth span{color:#9c9ca3;line-height:1.8}.social-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:12px 30px;margin-top:60px}.social-dimensions article{padding:20px;border-top:1px solid #ffffff21}.social-dimensions article.active{border-color:var(--social-gold);background:linear-gradient(90deg,#c8a45d12,transparent)}.social-dimensions article>div{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:end}.social-dimensions b{font-size:16px}.social-dimensions em{color:#656a7c;font:8px Arial,sans-serif;letter-spacing:.08em}.social-dimensions strong{font:27px Cinzel,serif}.social-dimensions i{display:block;height:2px;margin:12px 0;background:#ffffff19}.social-dimensions u{display:block;height:100%;background:linear-gradient(90deg,var(--social-blue),var(--social-gold));box-shadow:0 0 8px var(--social-blue)}.social-dimensions p{margin:0;color:#858891;font-size:11px;line-height:1.7}.social-reflection{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.social-reflection article{padding:clamp(30px,5vw,60px);border:1px solid #ffffff20;background:#0e1017}.social-reflection article:last-child{border-color:#c8a45d52;background:linear-gradient(140deg,#c8a45d10,#536cff0d)}.social-reflection h2{font-size:clamp(28px,4vw,48px);font-weight:400;line-height:1.45}.social-reflection ul{padding-left:20px;color:#8e919c;line-height:2}.social-reflection article:last-child div{font-size:clamp(17px,2vw,23px);line-height:2;color:#d2cec7}.social-books{padding:100px max(24px,calc((100% - 1160px)/2));background:linear-gradient(120deg,#0c0e18,#131735);border-top:1px solid #536cff35;border-bottom:1px solid #536cff35}.social-books>div{display:grid;grid-template-columns:1fr 1fr;gap:20px}.social-books article{position:relative;min-height:230px;padding:35px;border:1px solid #c8a45d45;background:#08090d80}.social-books article>span{position:absolute;right:26px;top:19px;color:#536cff;font:42px Cinzel,serif}.social-books h3{font-size:30px;font-weight:400}.social-books article p{color:#93959e;line-height:1.8}.social-share{width:min(1160px,calc(100% - 48px));margin:auto;padding:130px 0;display:grid;grid-template-columns:minmax(320px,460px) 1fr;gap:90px;align-items:center}.social-card-preview{position:relative;aspect-ratio:4/5;overflow:hidden;border:1px solid #c8a45d75;box-shadow:0 35px 100px #000}.social-card-preview>img{width:100%;height:100%;object-fit:cover}.social-card-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#08090deb)}.social-card-preview>div{position:absolute;z-index:2;left:34px;right:34px;bottom:35px}.social-card-preview p{margin:0;color:#cfc8bb;font-size:11px;letter-spacing:.15em}.social-card-preview strong{display:block;font:100px/.95 Cinzel,serif;color:var(--social-gold)}.social-card-preview span{color:#9aa8ff;font:8px Arial,sans-serif;letter-spacing:.18em}.social-card-preview h2{margin:9px 0;font-size:38px}.social-card-preview blockquote{margin:0;color:#d4d0c9}.social-share article>span{display:block;color:#999ba4;line-height:1.9}.social-share button{margin-top:28px}.social-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:50px 24px 110px}.social-actions button{min-width:150px}.social-result.reveal .social-hero-copy{animation:socialReveal 1.1s ease both}@keyframes socialReveal{from{opacity:0;filter:blur(15px);transform:translateY(22px)}}
@media(max-width:800px){.social-home-copy{justify-content:flex-end;padding-bottom:85px}.social-stage-art:after{background:linear-gradient(0deg,#030406 0 35%,transparent 75%,#03040687)}.social-curtain{width:34%}.social-redeem{grid-template-columns:1fr}.social-redeem label{grid-column:auto}.social-resume{grid-template-columns:1fr}.social-resume>img{position:absolute;inset:0;height:100%;opacity:.3}.social-resume>article{position:relative}.social-quiz header{grid-template-columns:1fr auto;padding:20px}.social-quiz header i{grid-column:1/-1;grid-row:2}.social-quiz-art{inset:0;opacity:.3}.social-question{width:100%;padding:100px 22px 45px}.social-question h1{font-size:27px}.social-options button:hover,.social-options button.selected{transform:none}.social-result-hero{min-height:650px}.social-hero-copy>strong{font-size:42vw}.social-analysis>article,.social-spectrum-grid,.social-reflection,.social-share{grid-template-columns:1fr}.social-analysis>article{gap:45px}.social-spectrum-grid{gap:20px}.social-dimensions{grid-template-columns:1fr}.social-books>div{grid-template-columns:1fr}.social-share{gap:55px}.social-radar{margin-left:-4%;width:108%}.social-section{width:min(100% - 34px,1160px)}}
@media(max-width:430px){.social-home-copy h1{font-size:50px}.social-home-copy blockquote{font-size:17px}.social-home-copy>small{font-size:9px}.social-result-nav{padding:16px}.social-hero-copy h1{font-size:42px}.social-hero-copy blockquote{padding:0 24px;font-size:14px}.social-section header h2,.social-books h2,.social-share h2{font-size:38px}.social-glass{padding:25px}.social-glass p{font-size:16px}.social-radar .labels text{font-size:9px}.social-radar .labels tspan+tspan{font-size:6.5px}.social-reflection article{padding:26px}.social-books{padding-top:75px;padding-bottom:75px}.social-card-preview>div{left:25px;right:25px}.social-card-preview strong{font-size:80px}}
@media(prefers-reduced-motion:reduce){.social-result-hero>img,.social-particles i,.social-loading-orbit:before,.social-loading-orbit:after{animation:none!important}}
.social-mode{overflow-x:hidden}.social-mode .site-header,.social-mode>footer,.social-mode>.grain{display:none}.social-mode #app{width:100%;max-width:none;margin:0;padding:0}.social-mode .shop-mark{top:auto;width:auto;height:auto;line-height:1.2}

/* V2 · 根据《社会剧场》设计稿重构：空剧院、单束聚光灯、黑曜石与暗金。 */
.social-home{background:#020306}.social-stage-art>img{opacity:.92;filter:saturate(.82) contrast(1.06);object-position:center center}.social-stage-art:after{background:linear-gradient(90deg,#020306f7 0 28%,#020306c9 43%,#02030618 74%),linear-gradient(0deg,#020306e8 0,transparent 34%,#0203066b)}.social-curtain,.social-spot{display:none}.social-home:after{content:"";position:absolute;z-index:3;inset:20px;border:1px solid #c8a45d32;pointer-events:none}.social-home-copy{width:min(690px,56%);padding-left:7.5vw;text-shadow:0 5px 30px #000}.social-home-copy h1{font-size:clamp(68px,8.2vw,126px);font-weight:400;line-height:.94;letter-spacing:-.07em}.social-home-copy h2{margin-top:24px;color:#9bafff;font-size:clamp(14px,1.6vw,22px);letter-spacing:.16em}.social-home-copy blockquote{margin-bottom:28px;font-size:clamp(16px,1.65vw,22px);line-height:1.8}.social-redeem{grid-template-columns:minmax(230px,360px) 138px}.social-redeem input{background:#05070cbf;border-color:#c8a45d54}.social-redeem button{letter-spacing:.12em}.social-home-index{position:absolute;z-index:5;right:5vw;bottom:6vh;display:flex;align-items:flex-end;gap:18px;color:#f5f2ea;text-align:right}.social-home-index b{font:500 clamp(70px,9vw,140px)/.72 Cinzel,serif;color:transparent;-webkit-text-stroke:1px #c8a45d99}.social-home-index span{padding-bottom:2px;color:#b4afaa;font:8px/1.8 Arial,sans-serif;letter-spacing:.2em}.social-back{top:38px;left:45px}.social-quiz{background:#030407}.social-quiz-art{inset:0 52% 0 0}.social-quiz-art img{filter:brightness(.66) saturate(.75);object-position:61% center}.social-quiz-art:after{background:linear-gradient(90deg,transparent 10%,#030407 98%),linear-gradient(0deg,#030407a8,transparent 45%)}.social-question{width:min(820px,58%);padding-right:max(45px,7vw)}.social-question>p{letter-spacing:.28em}.social-question h1{font-weight:400;line-height:1.45}.social-options button{border-color:#ffffff18;background:#090b11dc;backdrop-filter:blur(8px)}.social-options button:hover,.social-options button.selected{border-color:#c8a45d9c;background:linear-gradient(90deg,#c8a45d18,#536cff12);box-shadow:inset 2px 0 #c8a45d,0 18px 45px #0006}.social-options button.selected i{background:#c8a45d;box-shadow:0 0 15px #c8a45d}.social-result-hero{height:96svh;background:#050608}.social-result-hero>img{height:100%;animation:none;filter:saturate(.8) contrast(1.08);object-position:center center}.social-hero-mask{background:radial-gradient(circle at 50% 47%,transparent 0 24%,#05060835 58%,#050608a8 100%),linear-gradient(0deg,#08090d 0,transparent 38%,#03040778)}.social-hero-grid{position:absolute;inset:5.5%;border:1px solid #c8a45d30}.social-hero-grid:before,.social-hero-grid:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#c8a45d1f}.social-hero-grid:after{left:0;right:0;top:50%;width:auto;height:1px}.social-hero-copy>p{font:9px Arial,sans-serif;letter-spacing:.35em;color:#c8c2b8}.social-hero-copy>strong{font-size:clamp(145px,23vw,320px);font-weight:400;line-height:.76}.social-hero-copy>span{margin-top:24px}.social-hero-copy h1{margin-top:16px;font-size:clamp(42px,5.6vw,74px)}.social-hero-copy blockquote{max-width:760px;line-height:1.8}.social-milestone{padding:110px max(24px,calc((100% - 1260px)/2)) 125px;background:linear-gradient(180deg,#08090d,#0d1018 62%,#08090d);border-bottom:1px solid #ffffff12}.social-milestone>header{text-align:center}.social-milestone>header>p:first-child{margin:0;color:#c8a45d;font:9px Arial,sans-serif;letter-spacing:.28em}.social-milestone h2{margin:16px 0 44px;font-size:clamp(42px,6.3vw,84px);font-weight:400}.social-between{display:grid;grid-template-columns:1fr minmax(380px,1.8fr) 1fr;gap:28px;align-items:center}.social-between>span{color:#747987;font:9px/1.6 Arial,sans-serif;letter-spacing:.12em}.social-between>strong{font-size:clamp(18px,2vw,27px);font-weight:400;line-height:1.7}.social-between>strong b{color:#d9bd78;font-weight:500}.social-between-detail{color:#8f929c;line-height:1.8}.social-stage-progress{width:min(570px,100%);margin:24px auto 58px}.social-stage-progress i{display:block;height:2px;background:#ffffff18}.social-stage-progress u{display:block;height:100%;background:linear-gradient(90deg,#536cff,#c8a45d);box-shadow:0 0 12px #c8a45d88}.social-stage-progress span{display:block;margin-top:10px;color:#777c89;font:8px Arial,sans-serif;letter-spacing:.13em}.social-milestone-scroll{overflow-x:auto;overflow-y:hidden;padding:72px 40px 35px;scrollbar-color:#c8a45d44 transparent}.social-milestone-track{position:relative;min-width:1160px;height:155px;margin:0 10px}.social-milestone-track:before{content:"";position:absolute;top:39px;left:0;right:0;height:1px;background:#343744}.social-track-fill{position:absolute;top:38px;left:0;width:var(--score-position);height:3px;background:linear-gradient(90deg,#536cff,#c8a45d);box-shadow:0 0 12px #536cff88}.social-score-pin{position:absolute;z-index:4;left:var(--score-position);top:-42px;display:grid;place-items:center;transform:translateX(-50%);font-style:normal}.social-score-pin:after{content:"";width:1px;height:86px;background:#f5f2ea66}.social-score-pin b{display:grid;place-items:center;width:51px;height:51px;border:1px solid #f2d995;border-radius:50%;background:#0b0e15;color:#f2d995;font:19px Cinzel,serif;box-shadow:0 0 24px #c8a45d4f}.social-score-pin small{position:absolute;top:-20px;white-space:nowrap;color:#f5f2ea;font:8px Arial,sans-serif;letter-spacing:.14em}.social-milestone-track article{position:absolute;left:var(--stage-position);top:31px;width:96px;transform:translateX(-50%);text-align:center}.social-milestone-track article:before{content:"";display:block;width:15px;height:15px;margin:0 auto 19px;border:1px solid #555b6a;border-radius:50%;background:#0d1018}.social-milestone-track article b{display:block;color:#777d8b;font:12px Cinzel,serif}.social-milestone-track article span{display:block;margin-top:8px;color:#8d919b;font-size:11px;white-space:nowrap}.social-milestone-track article small{color:#555b67;font:7px Arial,sans-serif}.social-milestone-track article.passed:before{border-color:#536cff;background:#536cff}.social-milestone-track article.current:before{border-color:#f1d48a;background:#c8a45d;box-shadow:0 0 18px #c8a45d}.social-milestone-track article.current b,.social-milestone-track article.current span{color:#f1d48a}.social-glass{background:linear-gradient(140deg,#ffffff08,#536cff08);border-color:#c8a45d3e}.social-analysis article span{background:#0c0f17}.social-books{background:linear-gradient(120deg,#090b10,#101521)}.social-card-preview>img{filter:saturate(.75) contrast(1.08)}
@media(max-width:800px){.social-home:after{inset:10px}.social-stage-art>img{object-position:61% center}.social-stage-art:after{background:linear-gradient(0deg,#020306 0 48%,#020306a8 70%,#02030622),linear-gradient(90deg,#020306a6,transparent)}.social-home-copy{width:100%;padding:86px 27px 54px;justify-content:flex-end}.social-home-copy h1{font-size:clamp(54px,16vw,70px);line-height:.95}.social-home-copy h2{font-size:13px}.social-home-copy blockquote{font-size:15px}.social-home-index{display:none}.social-redeem{grid-template-columns:1fr}.social-back{top:25px;left:27px}.social-quiz-art{inset:0;opacity:.46}.social-quiz-art img{object-position:center}.social-question{width:100%;padding:105px 22px 45px}.social-result-hero{height:100svh}.social-result-hero>img{object-position:center}.social-hero-grid{inset:14px}.social-hero-copy>strong{font-size:48vw}.social-hero-copy>span{margin-top:19px}.social-milestone{padding:85px 18px 90px}.social-between{grid-template-columns:1fr;gap:12px}.social-between>span:first-child{order:2}.social-between>strong{order:1}.social-between>span:last-child{order:3}.social-milestone-scroll{margin-left:-18px;margin-right:-18px;padding-left:60px;padding-right:60px}.social-milestone-track{min-width:1120px}.social-stage-progress{margin-bottom:34px}}

/* V3 · 舞台黑金：去除蓝色，加入面具、手绘社会化图与默片幕间。 */
:root{--social-black:#050505;--social-gold:#c8a45d;--social-blue:#c8a45d;--social-text:#f3eee4}
.social-mode,.social-result,.social-quiz,.social-loading{background:#050505}
.social-home-copy h2,.social-hero-copy>span,.social-card-preview span,.social-growth strong,.social-books article>span{color:#c8a45d}
.social-home-copy blockquote cite{display:block;margin-top:10px;color:#a89d89;font:10px/1.7 Arial,sans-serif;letter-spacing:.1em}
.social-redeem input:focus{border-color:#c8a45d;box-shadow:0 0 28px #c8a45d28}
.social-resume article>div{border-color:#c8a45d66;background:#100e09;color:#d8c79c}
.social-quiz{background:radial-gradient(circle at 18% 62%,#211a0c 0,transparent 34%),#050505}
.social-quiz-art:after{background:linear-gradient(90deg,transparent 8%,#050505 98%),linear-gradient(0deg,#050505bb,transparent 45%)}
.social-quiz header b{background:linear-gradient(90deg,#8b6b30,#e1c982);box-shadow:0 0 12px #c8a45d}
.social-options button{background:#090806dc}
.social-options button:hover,.social-options button.selected{border-color:#c8a45d;background:linear-gradient(90deg,#c8a45d24,#c8a45d08);box-shadow:inset 2px 0 #c8a45d,0 18px 45px #0009}
.social-options button.selected i{border-color:#f7e5b1;background:#c8a45d;box-shadow:0 0 13px #c8a45d}
.social-loading{background:radial-gradient(circle at 50% 45%,#2b210d 0,transparent 29%),#050505}
.social-loading-orbit:before,.social-loading-orbit:after{border-color:#c8a45d70}
.social-result-nav{background:linear-gradient(#050505e8,transparent)}
.social-hero-copy>span{letter-spacing:.28em}.social-hero-mask{background:radial-gradient(circle at 50% 47%,transparent 0 23%,#0505053d 58%,#050505c7 100%),linear-gradient(0deg,#050505 0,transparent 38%,#05050585)}
.social-milestone{position:relative;overflow:hidden;background:linear-gradient(180deg,#050505,#0c0a06 58%,#050505)}
.social-milestone:before,.social-milestone:after{content:"";position:absolute;top:0;bottom:0;width:19%;background:repeating-linear-gradient(96deg,#020202 0 25px,#171108 48px,#040403 78px);opacity:.72;pointer-events:none}
.social-milestone:before{left:-9%;clip-path:polygon(0 0,100% 0,72% 100%,0 100%)}.social-milestone:after{right:-9%;clip-path:polygon(0 0,100% 0,100% 100%,28% 100%)}
.social-milestone>header,.social-milestone-scroll{position:relative;z-index:2}
.social-current-stage{width:min(610px,100%);margin:0 auto 15px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"label score" "name score" "range score";gap:5px 25px;align-items:center;padding:22px 27px;border-top:1px solid #c8a45d66;border-bottom:1px solid #c8a45d66;text-align:left}
.social-current-stage>span{grid-area:label;color:#8f877a;font:9px Arial,sans-serif;letter-spacing:.2em}.social-current-stage>strong{grid-area:name;color:#eee6d8;font-size:clamp(19px,2vw,27px);font-weight:400}.social-current-stage>b{grid-area:score;color:#d9bd78;font:72px/.85 Cinzel,serif}.social-current-stage>small{grid-area:range;color:#756f65;font:9px Arial,sans-serif;letter-spacing:.1em}
.social-next-threshold{margin:0 auto 22px;color:#a39987;font:10px/1.8 Arial,sans-serif;letter-spacing:.11em}
.social-stage-progress u,.social-track-fill{background:linear-gradient(90deg,#725424,#e0c277);box-shadow:0 0 12px #c8a45d88}
.social-milestone-track:before{background:#493e29}.social-milestone-track article:before{border-color:#5d5139;background:#0b0906}.social-milestone-track article.passed:before{border-color:#b88e43;background:#9f7837}.social-score-pin b{background:#090806}
.social-ornament{width:190px;margin:34px auto -10px;color:#c8a45d;text-align:center}.social-ornament svg{display:block;width:100%;height:auto;fill:none;stroke:#c8a45d;stroke-width:1.25}.social-ornament span{display:block;margin-top:-5px;color:#9d7b3d;font:17px Georgia,serif;letter-spacing:.25em}
.social-glass{background:linear-gradient(140deg,#ffffff08,#c8a45d08);box-shadow:0 40px 100px #0008,inset 0 0 65px #c8a45d08}
.social-analysis article span{border-left-color:#c8a45d;background:#0b0906}
.social-theory-visual{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:38px;align-items:end;margin:78px 0 0}.social-theory-visual img{display:block;width:100%;max-height:720px;object-fit:cover;border:1px solid #c8a45d55;filter:grayscale(.12) sepia(.08) contrast(1.07)}.social-theory-visual figcaption{padding:30px 0;border-top:1px solid #c8a45d66;border-bottom:1px solid #c8a45d33;color:#aca292;font-size:13px;line-height:2}
.social-radar .shape{fill:#c8a45d26;stroke:#d3b46f}.social-radar .nodes circle{fill:#b68b43;stroke:#f5e6bc}.social-radar .nodes circle.active{fill:#fff1b9}.social-radar .labels tspan+tspan{fill:#6f6758}
.social-peak,.social-growth{background:linear-gradient(135deg,#c8a45d15,#050505);border-color:#c8a45d55}.social-growth{border-color:#8f713d}.social-dimensions u{background:linear-gradient(90deg,#8a672d,#dfc47e);box-shadow:0 0 8px #c8a45d}.social-dimensions em{color:#756e62}
.social-silent-interlude{width:min(1280px,calc(100% - 48px));margin:0 auto clamp(90px,11vw,150px);display:grid;grid-template-columns:1.15fr .85fr;min-height:620px;border-top:1px solid #c8a45d55;border-bottom:1px solid #c8a45d55;background:#090806}.social-silent-interlude figure{margin:0;overflow:hidden}.social-silent-interlude img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.12)}.social-silent-interlude article{display:flex;flex-direction:column;justify-content:center;padding:clamp(35px,6vw,80px)}.social-silent-interlude article>p{color:#c8a45d;font:9px Arial,sans-serif;letter-spacing:.24em}.social-silent-interlude h2{margin:20px 0 30px;font-size:clamp(34px,4vw,58px);font-weight:400;line-height:1.45}.social-silent-interlude span{color:#aaa194;font-size:15px;line-height:2}
.social-reflection article{background:#090806}.social-reflection article:last-child{background:linear-gradient(140deg,#c8a45d10,#070604)}
.social-books{background:linear-gradient(120deg,#060504,#151006);border-color:#c8a45d35}.social-card-preview span{color:#c8a45d}.social-card-preview:after{background:linear-gradient(transparent,#050505f2)}
@media(max-width:800px){.social-home-copy blockquote br{display:none}.social-current-stage{width:min(500px,100%)}.social-milestone:before,.social-milestone:after{width:29%;opacity:.48}.social-theory-visual,.social-silent-interlude{grid-template-columns:1fr}.social-theory-visual{gap:18px;margin-top:55px}.social-theory-visual img{max-height:560px}.social-silent-interlude{width:calc(100% - 34px);min-height:0}.social-silent-interlude figure{height:540px}.social-silent-interlude article{padding:40px 28px 52px}}
@media(max-width:430px){.social-current-stage{grid-template-columns:1fr auto;padding:18px}.social-current-stage>b{font-size:56px}.social-next-threshold{max-width:290px}.social-ornament{width:150px}.social-silent-interlude figure{height:420px}.social-silent-interlude h2{font-size:34px}.social-theory-visual figcaption{padding:20px 0}}