*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#110819;color:#f9f7ff;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.82;overflow-x:hidden}a{color:#82f7df;text-decoration:none}img{max-width:100%}button{font:inherit}.topbar{position:sticky;top:0;z-index:9000;background:rgba(17,8,25,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(186,167,255,.16)}.topbar-inner{max-width:1180px;height:72px;margin:auto;padding:0 18px;display:grid;grid-template-columns:190px 1fr auto;gap:20px;align-items:center}.brand{display:flex;align-items:center}.brand img,.drawer-brand img,.footer-brand img{display:block;object-fit:contain;width:auto}.brand img{height:42px;max-width:170px}.brand-word{font-weight:900;font-size:24px;color:#fff;letter-spacing:.04em}.primary-nav{display:flex;justify-content:center;gap:7px}.primary-nav a{color:#e5dcff;font-weight:800;padding:9px 13px;border-radius:999px;white-space:nowrap}.primary-nav a:hover,.primary-nav a.on{background:#2a1737;color:#82f7df}.account-btn{display:inline-flex;align-items:center;justify-content:center;min-width:96px;height:42px;padding:0 19px;border-radius:13px;background:linear-gradient(120deg,#82f7df,#baa7ff 55%,#ff7ab6);color:#150b20;font-weight:900;box-shadow:0 12px 30px rgba(130,247,223,.15)}.drawer-trigger{display:none;width:44px;height:44px;border:0;border-radius:12px;background:#251432;padding:10px;cursor:pointer}.drawer-trigger i{display:block;height:2px;background:#fff;margin:5px 0;border-radius:2px}.topic-ribbon{background:#1a0d25;border-bottom:1px solid rgba(186,167,255,.14)}.ribbon-inner{max-width:1180px;margin:auto;padding:0 18px;display:flex;overflow-x:auto;scrollbar-width:none}.ribbon-inner::-webkit-scrollbar{display:none}.ribbon-inner a{padding:11px 12px;color:#b9acd0;font-size:14px;font-weight:700;white-space:nowrap}.ribbon-inner a:hover,.ribbon-inner a.on{color:#82f7df}.wrap{max-width:1180px;margin:auto;padding:0 18px}.narrow{max-width:830px;margin:auto;padding:0 18px}.page-space{padding:48px 0}.page-space-sm{padding:30px 0}.crumbs{max-width:1180px;margin:auto;padding:20px 18px 0;color:#8f82a5;font-size:14px}.crumbs a{color:#c9bce0}.crumbs span{margin-right:8px}.section-kicker{display:inline-block;color:#ff91c1;font-weight:900;letter-spacing:.08em;font-size:13px;text-transform:uppercase}.display-title{font-size:clamp(30px,4.5vw,52px);line-height:1.12;margin:10px 0 16px;color:#fff;letter-spacing:-.02em}.lead{color:#cbbfe0;font-size:18px;max-width:760px;margin:0}.page-head{padding:54px 0 26px}.page-head.center{text-align:center}.page-head.center .lead{margin-left:auto;margin-right:auto}.art-media{position:relative;margin:0;width:100%;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#21122e;border:1px solid rgba(186,167,255,.15);box-shadow:0 22px 50px rgba(0,0,0,.28)}.art-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}.media-empty{position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,#321947,#21122e 48%,#180d22)}.poster-frame{height:236px;aspect-ratio:auto;max-width:1100px;margin:auto}.poster-frame img{object-fit:contain}.compact-art{height:245px;aspect-ratio:auto}.small-art{height:176px;aspect-ratio:auto}.home-intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:24px;align-items:stretch}.intro-card{padding:34px;border-radius:24px;background:linear-gradient(145deg,#20112c,#271536);border:1px solid rgba(186,167,255,.14);box-shadow:0 22px 50px rgba(0,0,0,.24)}.intro-card h1{font-size:clamp(32px,4vw,50px);line-height:1.12;margin:10px 0 16px}.intro-card p{font-size:18px;color:#d0c4e4;max-width:720px}.intro-card .jump-links{margin-top:24px}.daily-stack{display:grid;gap:12px}.daily-item{padding:18px 20px;border-radius:18px;background:#1c0e28;border:1px solid rgba(186,167,255,.13)}.daily-item b{display:block;color:#fff;font-size:18px;margin-bottom:5px}.daily-item p{margin:0;color:#aa9abb;font-size:15px;line-height:1.65}.feature-spread{display:grid;grid-template-columns:1.08fr .92fr;gap:26px;align-items:center}.feature-copy{padding:10px 8px}.feature-copy h2,.article-card h2,.reading h2,.compare-box h2,.directory-card h2,.notice-board h2,.service-tile h2{color:#fff;line-height:1.28;margin:0 0 12px}.feature-copy h2{font-size:clamp(25px,3vw,35px)}.feature-copy p,.reading p,.article-card p,.compare-box p,.notice-board p{color:#d3c9e4;font-size:17px;margin:0 0 17px}.hot-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.hot-card{position:relative;min-height:176px;padding:22px 18px;border-radius:20px;background:#1b0e27;border:1px solid rgba(186,167,255,.13);overflow:hidden}.hot-card:before{content:attr(data-no);position:absolute;right:12px;top:5px;font-size:56px;font-weight:900;color:rgba(186,167,255,.07)}.hot-card h2{font-size:19px;margin:0 0 9px;color:#fff}.hot-card p{font-size:14px;color:#aa9abb;line-height:1.65;margin:0 0 12px}.hot-card a{font-weight:800}.ticker{padding:20px 24px;border-radius:18px;border:1px solid rgba(130,247,223,.18);background:#171021;color:#cfc3df}.service-band{display:grid;grid-template-columns:.85fr 1.15fr;gap:26px;align-items:center;padding:28px;border-radius:24px;background:linear-gradient(120deg,#1d1030,#15101f);border:1px solid rgba(186,167,255,.14)}.service-band h2{font-size:30px;margin:8px 0 12px}.service-band p{color:#cfc4df}.jump-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.jump-links a{display:inline-flex;padding:8px 13px;border-radius:999px;background:#261534;border:1px solid rgba(186,167,255,.14);font-weight:800}.article-card{padding:28px;border-radius:22px;background:#1c0f28;border:1px solid rgba(186,167,255,.13)}.article-card.soft{background:#17101f}.article-card.accent{background:linear-gradient(150deg,#21132e,#19111f)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.two-col.top{align-items:start}.two-col.wide-left{grid-template-columns:1.2fr .8fr}.two-col.wide-right{grid-template-columns:.8fr 1.2fr}.reading{max-width:830px;margin:auto}.reading h2{font-size:25px;margin-top:32px}.reading ul,.reading ol{padding-left:22px;color:#d3c9e4}.reading li{margin:8px 0}.compare-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.compare-box{padding:24px;border-radius:20px;background:#1b0e27;border:1px solid rgba(186,167,255,.13)}.compare-box h2{font-size:21px}.compare-box p{font-size:15px}.question-band{display:grid;grid-template-columns:1fr 1fr;gap:16px}.question-chip{padding:22px;border-radius:18px;background:#251432;border:1px solid rgba(255,122,182,.18)}.question-chip strong{display:block;color:#ffb0d2;font-size:13px;margin-bottom:6px}.question-chip b{font-size:19px}.notice-board{padding:24px 28px;border-left:4px solid #82f7df;border-radius:0 18px 18px 0;background:#1a1023}.steps{display:grid;gap:14px;counter-reset:step}.step{counter-increment:step;display:grid;grid-template-columns:52px 1fr;gap:14px;padding:20px;border-radius:18px;background:#1a0f25;border:1px solid rgba(186,167,255,.13)}.step:before{content:counter(step);display:flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:13px;background:#2b1740;color:#82f7df;font-weight:900}.step h2{font-size:20px;margin:2px 0 5px}.step p{margin:0;color:#b9accb}.directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.directory-card{padding:22px;border-radius:18px;background:#1a0f25;border:1px solid rgba(186,167,255,.13)}.directory-card h2{font-size:19px}.directory-card p{font-size:15px;line-height:1.65;color:#ad9dbf}.tagline{display:flex;gap:8px;flex-wrap:wrap}.tagline span{padding:6px 10px;border-radius:999px;background:#2a1737;color:#c8badb;font-size:13px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service-tile{padding:21px;border-radius:19px;background:#1b0e27;border:1px solid rgba(186,167,255,.13)}.service-tile h2{font-size:18px}.service-tile p{color:#aa9abb;font-size:14px;line-height:1.65}.bullet-list{display:grid;gap:12px}.bullet-item{padding:17px 18px;border-radius:16px;background:#1a1023}.bullet-item b{display:block;color:#fff;margin-bottom:4px}.bullet-item p{margin:0;color:#b4a5c5}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.faq-item{padding:22px;border-radius:18px;background:#1b0e27;border:1px solid rgba(186,167,255,.13)}.faq-item h2{font-size:18px;color:#fff;margin:0 0 10px}.faq-item p{margin:0;color:#c9bddb}.desk-rail{position:fixed;right:12px;top:39%;z-index:7000;display:grid;gap:7px;width:78px}.desk-rail a,.desk-rail button{border:1px solid rgba(186,167,255,.12);background:#160b20;color:#c9bddb;border-radius:14px;padding:10px 6px;text-align:center;font-weight:800;cursor:pointer}.desk-rail .rail-main{background:linear-gradient(120deg,#82f7df,#baa7ff,#ff7ab6);color:#150b20}.footer{margin-top:58px;background:#0b0610;border-top:1px solid rgba(186,167,255,.13)}.footer-inner{max-width:1180px;margin:auto;padding:42px 18px 32px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}.footer-brand{display:inline-flex;margin-bottom:14px}.footer-brand img{height:42px;max-width:170px}.footer-intro p{max-width:330px;color:#897b97}.footer h2{font-size:16px;margin:0 0 12px;color:#fff}.footer a{display:block;color:#a99bb7;margin:7px 0}.footer-note{text-align:center;padding:18px;border-top:1px solid rgba(186,167,255,.1);color:#766a82;font-size:13px}.mobile-dock{display:none}.side-drawer,.drawer-mask{display:none}
@media(max-width:1180px){.desk-rail{display:none}.hot-grid{grid-template-columns:repeat(3,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:960px){body{padding-bottom:62px}.topbar-inner{height:66px;grid-template-columns:48px 1fr auto;padding:0 12px}.drawer-trigger{display:block}.brand{justify-self:center}.brand img{height:36px;max-width:145px}.primary-nav{display:none}.account-btn{height:40px;min-width:84px;padding:0 13px;font-size:14px}.topic-ribbon{display:none}.side-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,328px);background:#160b20;z-index:12000;transform:translateX(-105%);transition:transform .2s ease;box-shadow:18px 0 50px rgba(0,0,0,.4)}.side-drawer.open{transform:translateX(0)}.drawer-mask{display:none;position:fixed;inset:0;background:rgba(5,2,8,.58);z-index:11000;opacity:0;pointer-events:none;transition:opacity .18s ease}.drawer-mask.show{display:block;opacity:1;pointer-events:auto}.drawer-open{overflow:hidden}.drawer-top{height:66px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(186,167,255,.12)}.drawer-brand{display:flex}.drawer-brand img{height:36px;max-width:150px}.drawer-close{border:0;background:#291637;color:#fff;width:40px;height:40px;border-radius:13px;font-size:26px;cursor:pointer}.drawer-content{height:calc(100vh - 66px);overflow-y:auto;padding:12px 16px 28px}.drawer-content section{padding:13px 0;border-bottom:1px solid rgba(186,167,255,.09)}.drawer-content b{display:block;color:#82f7df;margin-bottom:6px}.drawer-content a{display:block;color:#c2b4d1;padding:7px 0}.mobile-dock{position:fixed;left:0;right:0;bottom:0;z-index:8500;height:58px;display:grid;grid-template-columns:repeat(4,1fr);background:#0d0712;border-top:1px solid rgba(186,167,255,.13)}.mobile-dock a{display:flex;align-items:center;justify-content:center;color:#c9bddb;font-weight:800}.home-intro,.feature-spread,.service-band,.two-col,.two-col.wide-left,.two-col.wide-right{grid-template-columns:1fr}.poster-frame{height:170px}.page-head{padding-top:38px}.hot-grid{grid-template-columns:repeat(2,1fr)}.directory-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr 1fr}.question-band{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr}.two-col .art-media{order:0}}
@media(max-width:620px){.wrap,.narrow{padding-left:15px;padding-right:15px}.page-space{padding:35px 0}.page-space-sm{padding:24px 0}.display-title{font-size:30px}.lead{font-size:16px}.intro-card{padding:24px}.intro-card p{font-size:16px}.poster-frame{height:142px}.compact-art{height:200px}.hot-card{min-height:156px;padding:18px 15px}.hot-card h2{font-size:17px}.service-grid{grid-template-columns:1fr}.directory-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}.compare-grid{grid-template-columns:1fr}.account-btn{min-width:78px}.brand-word{font-size:20px}}
