*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0910;color:#eee7f4;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.78;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}.shell{width:min(960px,calc(100% - 32px));margin:0 auto}.skip-link{position:fixed;top:-60px;left:16px;z-index:999;background:#fff;color:#111;padding:9px 12px;border-radius:8px}.skip-link:focus{top:10px}.signal-strip{position:fixed;left:0;right:0;top:0;height:18px;background:linear-gradient(90deg,#512460,#872b62);z-index:90;color:#fff;font-size:12px}.signal-inner{height:18px;display:flex;align-items:center;justify-content:space-between}.signal-strip button{border:0;background:transparent;color:#fff;cursor:pointer;font-size:12px}.site-head{position:fixed;left:0;right:0;top:18px;height:56px;z-index:89;background:rgba(11,9,16,.96);border-bottom:1px solid rgba(255,92,142,.22);backdrop-filter:blur(10px)}.head-inner{height:56px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;min-width:90px;height:44px;font-size:16px;font-weight:800}.brand img,.drawer-brand img,.footer-brand img{height:24px;width:auto;object-fit:contain}.head-actions{display:flex;align-items:center;gap:8px}.head-app,.menu-trigger{height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:12px;white-space:nowrap}.head-app{background:#18131f;border:1px solid rgba(255,92,142,.34)}.menu-trigger{border:0;color:#fff;background:linear-gradient(135deg,#ff6b98,#ff2d6a 52%,#7740a8);box-shadow:0 7px 18px rgba(255,45,106,.23);cursor:pointer}.quick-nav{position:fixed;top:74px;left:0;right:0;height:44px;background:#15101d;border-bottom:1px solid rgba(255,92,142,.16);z-index:88}.quick-row{height:44px;display:flex;align-items:center;gap:14px}.quick-link{height:34px;display:flex;align-items:center;gap:7px;padding:0 11px;border-radius:999px;color:#d7c7df;font-size:13px}.orb{width:14px;height:14px;border-radius:50%;border:2px solid #ff4f82}.quick-link.is-current{background:#ff2d6a;color:#fff;box-shadow:0 6px 16px rgba(255,45,106,.22)}.quick-link.is-current .orb{background:#fff;border-color:#fff}.main-content{padding-top:146px;padding-bottom:52px}.breadcrumb{display:flex;gap:8px;font-size:13px;color:#9d8daa;margin:0 0 18px}.breadcrumb a{color:#ff80a4}.home-lead{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);gap:24px;padding:18px 0 30px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#d7b9ed;font-size:13px;margin-bottom:10px}.eyebrow:before{content:"";width:20px;height:2px;background:#ff4f82;border-radius:3px;box-shadow:0 0 12px rgba(255,79,130,.45)}h1{font-size:26px;line-height:1.28;margin:0 0 12px;color:#fff}h2{font-size:20px;line-height:1.4;margin:0 0 10px;color:#fff}h3{font-size:16px;line-height:1.45;margin:0 0 8px;color:#fff}p{margin:0 0 14px}.headline{font-size:18px;color:#fff}.lead-copy>p:not(.headline){color:#bfb1c8}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.primary,.ghost{min-height:42px;padding:0 17px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;transition:.18s ease}.primary{background:linear-gradient(135deg,#ff789f,#ff2d6a 52%,#7842a8);color:#fff;box-shadow:0 6px 16px rgba(255,45,106,.22)}.ghost{background:#17121f;border:1px solid #ff4f82;color:#fff}.primary:hover,.ghost:hover,.menu-trigger:hover,.quick-link.is-current:hover,.mobile-bar a.is-current:hover{filter:brightness(1.09);box-shadow:0 0 0 3px rgba(255,107,147,.28),0 11px 24px rgba(109,64,154,.28)}.primary:active,.ghost:active,.menu-trigger:active{filter:brightness(1.08);box-shadow:0 0 0 4px rgba(201,166,232,.38),0 0 22px rgba(255,45,106,.45)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #ff6b93;outline-offset:2px}.lead-index{display:grid;gap:10px;align-content:start}.lead-index a{display:grid;gap:2px;padding:15px 16px;background:#14101b;border:1px solid rgba(255,92,142,.17);border-radius:14px}.lead-index strong{color:#fff}.lead-index span{color:#8f809c;font-size:13px}.media-frame{margin:0;background:linear-gradient(145deg,#100c16,#1a1423);border:1px solid rgba(201,166,232,.14);border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-frame img{width:100%;height:100%;object-fit:contain;object-position:center}.media-frame.is-empty{background:linear-gradient(145deg,#17121f,#0e0b14)}.h160{height:160px}.h168{height:168px}.h176{height:176px}.portrait-orb{width:240px;height:176px;border-radius:50%}.feature-flow{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;margin:12px 0 30px}.feature-large,.feature-side,.stream-card,.split-read article,.progress-panel,.craft-pair article,.info-trio article,.article-block,.related-box{background:#15101d;border:1px solid rgba(255,92,142,.18);border-radius:16px;box-shadow:0 14px 34px rgba(0,0,0,.24)}.feature-large{padding:16px;display:grid;gap:16px}.feature-side{padding:18px;display:grid;gap:16px;align-content:start}.feature-large p,.feature-side p,.stream-card p,.split-read p,.progress-panel p,.craft-pair p,.info-trio p{color:#b9aabd}.text-link,.stream-card>a,.craft-pair article>a,.info-trio article>a{color:#ff7ca2;font-weight:650}.section-title{margin:0 0 14px}.section-title span{font-size:13px;color:#9b89a6}.stream-section{margin:30px 0}.stream-grid{display:grid;grid-template-columns:1.05fr 1.05fr .9fr;gap:14px}.stream-card{padding:15px}.stream-card.simple{display:flex;flex-direction:column;justify-content:center;min-height:270px;background:linear-gradient(160deg,rgba(255,45,106,.12),rgba(107,58,154,.15)),#15101d}.topic-band{display:grid;grid-template-columns:.82fr 1.18fr;gap:22px;align-items:center;margin:30px 0;padding:18px;border-radius:18px;background:linear-gradient(135deg,rgba(255,45,106,.08),rgba(107,58,154,.12));border:1px solid rgba(201,166,232,.16)}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip-row a{padding:7px 10px;border-radius:999px;background:#17121f;border:1px solid rgba(255,92,142,.22);font-size:13px}.split-read{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:30px 0}.split-read article{padding:16px}.split-read .media-frame{margin-bottom:14px}.progress-panel{display:grid;grid-template-columns:.75fr 1.25fr;gap:20px;padding:18px;margin:30px 0;align-items:center}.progress-list{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:8px}.progress-list li{display:grid;grid-template-columns:100px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}.progress-list strong{color:#fff}.progress-list span{color:#aa9bb3}.craft-pair{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin:30px 0}.craft-pair article{padding:16px}.craft-pair .media-frame{margin-bottom:14px}.app-feature{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:center;margin:34px 0;padding:20px;border-radius:18px;background:#120e19;border:1px solid rgba(255,92,142,.2)}.app-visual{display:grid;gap:10px}.app-frame{width:240px;height:320px}.icon-frame{width:48px;height:48px}.info-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0}.info-trio article{padding:17px}.home-faq{margin:34px 0}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:14px}.faq-grid article{padding:15px;background:#14101b;border-radius:14px;border:1px solid rgba(255,92,142,.14)}.faq-grid p{color:#ad9fb7}.page-hero{padding:10px 0 22px;max-width:780px}.page-hero p{color:#b7a9c1}.page-media{margin:0 0 22px}.page-app{margin:0 0 22px}.banner-frame{width:100%;height:200px;margin:0 0 22px}.article-layout{display:grid;gap:14px}.article-block{padding:20px;display:grid;grid-template-columns:52px 1fr;gap:14px}.article-block.tone-1{background:#18121f}.article-block.tone-2{background:linear-gradient(135deg,rgba(255,45,106,.06),rgba(107,58,154,.09)),#15101d}.section-no{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#22172d;color:#ff86aa;font-weight:800}.article-block p{color:#c7bbcD}.related-box{margin-top:22px;padding:17px}.related-box>strong{display:block;margin-bottom:10px}.related-box>div{display:flex;flex-wrap:wrap;gap:8px}.related-box a{padding:8px 11px;border-radius:999px;background:#21172b;color:#e8dded}.faq-long{display:grid;gap:12px}.faq-long article{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:18px;background:#15101d;border:1px solid rgba(255,92,142,.16);border-radius:16px}.faq-long article>span{font-size:13px;color:#ff83a6}.faq-long p{color:#c4b7cb}.site-footer{background:#08060c;border-top:1px solid rgba(255,92,142,.18);padding:30px 0 84px;font-size:13px}.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:20px}.footer-brand span{color:#8f8099}.footer-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.footer-nav h2{font-size:14px;margin-bottom:8px}.footer-nav a{display:block;color:#aa9cb2;padding:2px 0}.footer-note{margin-top:20px;color:#9b8da4}.copyright{color:#786b82}.overlay{position:fixed;inset:0;background:rgba(5,3,8,.7);opacity:0;visibility:hidden;pointer-events:none;z-index:120;transition:.18s ease}.overlay.open{opacity:1;visibility:visible}.drawer{position:fixed;right:16px;top:84px;width:min(38vw,430px);max-height:70vh;background:#15101d;border:1px solid rgba(255,92,142,.24);border-radius:16px;z-index:130;transform:translateX(calc(100% + 40px));visibility:hidden;pointer-events:none;overflow:hidden;box-shadow:0 22px 70px rgba(0,0,0,.56);transition:.18s ease}.drawer.open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.07)}.drawer-brand{display:flex;align-items:center;gap:8px}.drawer-head button,.search-head button{min-height:40px;padding:0 12px;border-radius:10px;border:1px solid rgba(255,92,142,.28);background:#0c0911;color:#fff;cursor:pointer}.drawer-body{max-height:calc(70vh - 58px);overflow:auto;padding:14px}.drawer-body section+section{margin-top:16px}.drawer-body h2{font-size:14px;color:#d6b4e9}.drawer-body a{display:grid;grid-template-columns:116px 1fr;gap:8px;padding:9px 10px;border-radius:10px}.drawer-body a:hover{background:#20162a}.drawer-body small{color:#8c7e95;font-size:12px}.search-panel{position:fixed;top:84px;left:50%;width:min(680px,calc(100% - 32px));transform:translate(-50%,-12px);z-index:135;visibility:hidden;opacity:0;pointer-events:none;transition:.18s ease}.search-panel.open{visibility:visible;opacity:1;pointer-events:auto;transform:translate(-50%,0)}.search-card{padding:18px;border-radius:16px;background:#0c0911;border:1px solid rgba(255,92,142,.25);box-shadow:0 22px 70px rgba(0,0,0,.56)}.search-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.search-card label{display:block;color:#a899b1;margin-bottom:8px}.search-card input{width:100%;height:46px;padding:0 14px;border-radius:11px;border:1px solid rgba(255,92,142,.25);background:#17121f;color:#fff}.search-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.search-links a{padding:8px 11px;border-radius:999px;background:#20172a}.locked{overflow:hidden}.mobile-bar{display:none}
@media(max-width:760px){.quick-nav{display:none}.main-content{padding-top:98px;padding-bottom:78px}.home-lead,.feature-flow,.stream-grid,.topic-band,.split-read,.progress-panel,.craft-pair,.app-feature,.info-trio,.faq-grid{grid-template-columns:1fr}.home-lead{gap:16px}.portrait-orb{margin:auto}.app-visual{justify-items:center}.app-feature{padding:18px}.footer-nav{grid-template-columns:1fr 1fr}.drawer{top:70px;right:8px;width:86%;max-height:70vh}.drawer-body a{grid-template-columns:1fr;gap:0}.search-panel{inset:0;width:100%;transform:none;background:#5f2f78}.search-panel.open{transform:none}.search-card{min-height:100%;border:0;border-radius:0;background:#5f2f78;padding:28px 16px}.search-card input{background:#17121f}.mobile-bar{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:110;grid-template-columns:repeat(4,1fr);min-height:48px;padding-bottom:env(safe-area-inset-bottom);background:#09070f;border-top:1px solid rgba(255,92,142,.18)}.mobile-bar a{min-height:48px;display:flex;align-items:center;justify-content:center;font-size:13px}.mobile-bar a.is-current{background:#ff2d6a;color:#fff;box-shadow:0 6px 16px rgba(255,45,106,.22)}.article-block{grid-template-columns:42px 1fr;padding:16px}.section-no{width:36px;height:36px}.site-footer{padding-bottom:94px}.head-app,.menu-trigger{padding:0 11px}.progress-list li{grid-template-columns:1fr}.banner-frame{height:180px}}
@media(max-width:420px){.footer-nav{grid-template-columns:1fr 1fr}.brand{min-width:76px}.head-actions{gap:6px}.head-app,.menu-trigger{font-size:13px;padding:0 9px}.app-frame{width:220px}}