:root{--white:#fff;--paper:#f5f7fa;--pink:#ff5280;--pink-dark:#dc3f69;--pink-pale:#fff0f4;--ink:#2a3b5c;--ink-soft:#53647f;--mist:#e4e9f2;--blue:#00d2ff;--blue-pale:#eafaff;--line:#d6dfeb;--shadow:0 18px 45px rgba(42,59,92,.11);--radius:8px;--wide:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;background:var(--white);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;line-height:1.75;font-size:16px}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(calc(100% - 48px),var(--wide));margin-inline:auto}.skip-link{position:fixed;z-index:100;left:16px;top:-100px;background:var(--ink);color:#fff;padding:8px 16px;border-radius:0 0 6px 6px}.skip-link:focus{top:0}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.91);backdrop-filter:blur(16px);border-bottom:1px solid rgba(42,59,92,.1);transition:box-shadow .25s}.site-header.is-scrolled{box-shadow:0 7px 25px rgba(42,59,92,.1)}.nav-shell{height:74px;width:min(calc(100% - 48px),1280px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--ink);letter-spacing:.02em;white-space:nowrap}.brand img{width:42px;height:42px;object-fit:cover;border-radius:50%;border:2px solid var(--pink)}.nav-links{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:700}.nav-links>a:not(.nav-cta){position:relative;color:var(--ink-soft)}.nav-links>a:not(.nav-cta)::after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--pink);transition:width .2s}.nav-links>a:hover:not(.nav-cta){color:var(--pink)}.nav-links>a:hover:not(.nav-cta)::after{width:100%}.nav-cta{background:var(--pink);color:white;padding:8px 14px;border-radius:5px;box-shadow:0 6px 14px rgba(255,82,128,.24);transition:.2s}.nav-cta:hover{background:var(--pink-dark);transform:translateY(-2px)}.menu-toggle{display:none;border:0;background:transparent;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:5px}.hero{position:relative;min-height:calc(100svh - 74px);display:flex;align-items:center;isolation:isolate;overflow:hidden;background:var(--paper)}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 44%;z-index:-3}.hero-wash{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.89) 36%,rgba(255,255,255,.28) 67%,rgba(255,255,255,.08) 100%)}.hero-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(0,210,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(0,210,255,.12) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,black,transparent 61%);opacity:.56}.hero-content{padding:82px 0 108px}.eyebrow,.section-kicker{font-size:12px;line-height:1.3;letter-spacing:.14em;font-weight:800;color:var(--pink);margin:0 0 16px}.eyebrow{display:flex;align-items:center;gap:8px}.eyebrow span{display:inline-block;width:32px;height:2px;background:var(--blue)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(46px,7vw,88px);line-height:1.05;letter-spacing:.02em;margin:0;color:var(--ink);font-weight:900}h1 em{font-style:normal;color:var(--pink);text-shadow:2px 2px 0 rgba(0,210,255,.25)}.hero-lead{font-size:clamp(18px,2vw,24px);font-weight:800;color:var(--ink);margin:24px 0 10px}.hero-copy{max-width:530px;margin-bottom:27px;color:var(--ink-soft);font-size:17px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:48px;padding:12px 19px;border-radius:5px;display:inline-flex;align-items:center;gap:14px;justify-content:center;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--pink);color:#fff;box-shadow:0 9px 18px rgba(255,82,128,.26)}.button-primary:hover{background:var(--pink-dark);box-shadow:0 12px 25px rgba(255,82,128,.34)}.button-secondary{background:rgba(255,255,255,.78);border:1px solid #bfcce0;color:var(--ink)}.button-secondary:hover{border-color:var(--blue);box-shadow:0 9px 20px rgba(0,210,255,.18)}.hero-tags{display:flex;gap:10px;padding:0;margin:26px 0 0;list-style:none}.hero-tags li{font-size:12px;font-weight:800;background:rgba(255,255,255,.8);border:1px solid rgba(42,59,92,.14);padding:5px 11px;border-radius:100px}.scroll-cue{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--ink-soft);display:flex;flex-direction:column;align-items:center;gap:7px}.scroll-cue span{display:block;width:1px;height:32px;background:var(--pink)}.section{padding:110px 0}.split-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.section h2{font-size:clamp(30px,4vw,48px);letter-spacing:.01em;line-height:1.2;color:var(--ink);margin-bottom:20px}.lead-text{font-size:20px;line-height:1.6;font-weight:800;color:var(--ink-soft)}.section-copy>p:not(.section-kicker){color:var(--ink-soft)}.image-frame{margin:0;position:relative;border-radius:var(--radius);overflow:hidden;background:var(--mist);box-shadow:var(--shadow);border:1px solid rgba(42,59,92,.12)}.image-frame::before{content:"";position:absolute;z-index:1;left:12px;top:12px;width:24px;height:24px;border-left:2px solid var(--blue);border-top:2px solid var(--blue)}.image-frame img{width:100%;aspect-ratio:16/9;object-fit:cover}.image-frame figcaption{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:700;color:var(--ink-soft);padding:12px 16px;background:#fff}.image-frame figcaption span{font-size:10px;color:var(--pink);letter-spacing:.1em}.stat-row{display:flex;margin-top:33px;border-top:1px solid var(--line);padding-top:20px;gap:22px}.stat-row div{display:grid;gap:2px}.stat-row strong{font-size:26px;line-height:1;color:var(--pink)}.stat-row span{font-size:12px;color:var(--ink-soft)}.content-section{background:var(--pink-pale);position:relative}.content-section::before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,var(--pink),var(--blue),var(--pink))}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:43px}.section-heading h2{margin:0}.section-heading>p{max-width:390px;color:var(--ink-soft);margin:0}.systems-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{background:rgba(255,255,255,.94);border:1px solid #d9e1ec;border-radius:var(--radius);transition:transform .25s,box-shadow .25s,border-color .25s}.feature-card:hover{transform:translateY(-7px);border-color:var(--blue);box-shadow:0 17px 30px rgba(0,210,255,.17),0 0 0 3px rgba(0,210,255,.08)}.system-card{min-height:244px;padding:26px;position:relative;overflow:hidden}.card-index,.mini-number{font-size:12px;font-weight:900;color:var(--pink)}.system-card h3{font-size:20px;margin:45px 0 8px}.system-card p{font-size:14px;line-height:1.7;color:var(--ink-soft);margin-bottom:0}.card-icon{position:absolute;right:-8px;bottom:-28px;font-size:110px;color:rgba(0,210,255,.12);font-weight:300}.content-story{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:58px;margin-top:72px}.content-story .image-frame img{height:310px}.content-story-copy h3{font-size:28px;line-height:1.35;margin-bottom:13px}.content-story-copy>p:not(.section-kicker){color:var(--ink-soft)}.text-link{font-weight:800;color:var(--pink);border-bottom:1px solid currentColor;padding-bottom:4px}.text-link span{margin-left:8px}.roster-section{padding-bottom:80px;overflow:hidden}.roster-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:45px;align-items:end}.roster-intro{padding-bottom:24px}.roster-intro>p:not(.section-kicker){color:var(--ink-soft);margin-bottom:27px}.roster-image{margin:0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);position:relative}.roster-image::after{content:"ACTION TEAM";position:absolute;right:16px;top:12px;padding:4px 8px;background:rgba(255,255,255,.85);color:var(--pink);font-size:10px;font-weight:900;letter-spacing:.12em}.roster-image img{width:100%;aspect-ratio:16/8.4;object-fit:cover;object-position:center 22%}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:1px}.role-card{padding:25px 20px;background:#fff;transition:background .2s}.role-card:hover{background:var(--blue-pale)}.role-card span{font-size:10px;letter-spacing:.12em;font-weight:900;color:var(--pink)}.role-card h3{font-size:18px;margin:9px 0 6px}.role-card p{font-size:13px;color:var(--ink-soft);line-height:1.65;margin:0}.features-section{background:var(--paper)}.feature-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.feature-large{margin:0;min-height:492px;border-radius:var(--radius);overflow:hidden;position:relative;box-shadow:var(--shadow)}.feature-large::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(42,59,92,.78))}.feature-large img{width:100%;height:100%;min-height:492px;object-fit:cover;object-position:center 20%}.feature-large figcaption{position:absolute;z-index:1;left:32px;right:32px;bottom:28px;color:#fff;display:grid;gap:3px}.feature-large strong{font-size:26px}.feature-large span{font-size:14px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.feature-list .feature-card{padding:22px 18px;display:flex;flex-direction:column;gap:30px}.feature-list h3{font-size:18px;margin:0 0 5px}.feature-list p{font-size:13px;color:var(--ink-soft);line-height:1.65;margin:0}.character-strip{display:grid;grid-template-columns:40% 1fr;align-items:center;gap:34px;margin-top:64px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.character-strip figure{margin:0;overflow:hidden;border-radius:5px}.character-strip img{width:100%;aspect-ratio:16/8;object-fit:cover;object-position:center 20%}.character-strip h3{font-size:25px;margin:0 0 9px}.character-strip p:not(.section-kicker){color:var(--ink-soft);margin:0}.guide-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:75px}.guide-sticky{position:sticky;top:100px;align-self:start}.guide-sticky>p:not(.section-kicker){color:var(--ink-soft)}.guide-sticky figure{width:96px;margin:28px 0 0;border-radius:50%;overflow:hidden;border:3px solid var(--pink);box-shadow:0 0 0 6px var(--pink-pale)}.guide-sticky figure img{aspect-ratio:1;object-fit:cover}.guide-list{border-top:1px solid var(--line)}.guide-item{display:grid;grid-template-columns:68px 1fr;gap:17px;padding:26px 0;border-bottom:1px solid var(--line)}.guide-item>span{font-size:22px;font-weight:900;color:var(--pink)}.guide-item h3{font-size:21px;margin-bottom:7px}.guide-item p{margin:0;color:var(--ink-soft)}.updates-section{background:var(--blue-pale)}.timeline{border-top:1px solid #bfddeb}.update-item{display:grid;grid-template-columns:115px 1fr;gap:25px;padding:25px 18px;border-bottom:1px solid #bfddeb;transition:background .2s}.update-item:hover{background:rgba(255,255,255,.65)}.update-item time{font-weight:900;font-size:19px;color:var(--pink)}.update-item h3{font-size:18px;margin-bottom:5px}.update-item p{margin:0;color:var(--ink-soft)}.update-item.is-hidden{display:none}.load-more{display:flex;align-items:center;gap:10px;margin:32px auto 0;border:1px solid var(--ink);color:var(--ink);background:#fff;padding:12px 19px;border-radius:5px;font-weight:800;cursor:pointer;transition:.2s}.load-more:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}.load-more span{font-size:22px;line-height:.8}.faq-section{background:#fff}.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px}.faq-intro{position:relative}.faq-intro>p:not(.section-kicker){color:var(--ink-soft)}.faq-accent{font-size:135px;font-weight:900;line-height:1;color:var(--pink-pale);position:absolute;right:20px;bottom:-8px;z-index:-1}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line);padding:0}.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 4px;font-size:17px;font-weight:800;color:var(--ink)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{font-size:27px;font-weight:400;color:var(--pink);transition:transform .2s}.faq-item[open] summary span{transform:rotate(45deg)}.faq-item p{padding:0 42px 20px 4px;margin:0;color:var(--ink-soft)}.closing-cta{position:relative;overflow:hidden;background:linear-gradient(120deg,#fff0f4,#e9f9ff);padding:95px 0;text-align:center;border-top:1px solid var(--line)}.closing-cta::before,.closing-cta::after{content:"";position:absolute;width:380px;aspect-ratio:1;border:1px solid rgba(0,210,255,.38);border-radius:50%;top:-190px}.closing-cta::before{left:-120px}.closing-cta::after{right:-120px;top:auto;bottom:-240px;border-color:rgba(255,82,128,.3)}.closing-inner{position:relative;z-index:1}.closing-inner h2{font-size:clamp(30px,4vw,49px);line-height:1.25;margin-bottom:27px}.site-footer{background:var(--mist);border-top:1px solid #cfd9e6;padding:45px 0}.footer-grid{display:grid;grid-template-columns:1.25fr .65fr 1fr;gap:40px;align-items:start}.footer-brand{margin-bottom:11px}.footer-grid p{font-size:13px;color:var(--ink-soft);margin:0}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:7px;font-size:14px;font-weight:700}.footer-links a:hover{color:var(--pink)}.footer-note{display:grid;gap:15px}.back-to-top{position:fixed;right:22px;bottom:22px;z-index:20;width:43px;height:43px;border:1px solid #b9c6d7;border-radius:50%;background:rgba(255,255,255,.94);color:var(--ink);font-size:21px;box-shadow:0 7px 16px rgba(42,59,92,.12);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:.2s}.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--pink);border-color:var(--pink);color:#fff}.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal.is-visible{opacity:1;transform:none}@media (max-width:900px){.nav-links{gap:14px;font-size:13px}.systems-grid{grid-template-columns:repeat(2,1fr)}.split-layout,.guide-layout,.faq-layout{gap:40px}.section{padding:82px 0}}@media (max-width:768px){body{font-size:15px}.container,.nav-shell{width:min(calc(100% - 32px),var(--wide))}.nav-shell{height:64px}.site-header{position:sticky}.menu-toggle{display:block}.nav-links{display:none;position:absolute;left:16px;right:16px;top:63px;padding:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:0 0 7px 7px;align-items:stretch;gap:0}.nav-links.is-open{display:flex;flex-direction:column}.nav-links>a:not(.nav-cta){padding:10px 7px}.nav-links>a:not(.nav-cta)::after{display:none}.nav-cta{text-align:center;margin:8px 6px 2px}.brand{font-size:14px}.brand img{width:36px;height:36px}.hero{min-height:650px}.hero-image{object-position:58% center}.hero-wash{background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.79) 60%,rgba(255,255,255,.23))}.hero-content{padding:62px 0 82px}.hero-copy{font-size:15px;max-width:390px}.scroll-cue{display:none}.section{padding:70px 0}.split-layout,.content-story,.roster-layout,.feature-layout,.character-strip,.guide-layout,.faq-layout{grid-template-columns:1fr;gap:28px}.section-heading{display:block;margin-bottom:29px}.section-heading>p{margin-top:12px}.stat-row{gap:15px}.systems-grid{grid-template-columns:1fr 1fr;gap:10px}.system-card{min-height:208px;padding:18px}.system-card h3{margin-top:35px;font-size:18px}.content-story{margin-top:45px}.content-story .image-frame img{height:auto}.roster-intro{padding:0}.roster-image{order:-1}.role-grid{grid-template-columns:1fr 1fr}.feature-large,.feature-large img{min-height:340px}.feature-list{grid-template-columns:1fr 1fr}.character-strip{padding:16px}.guide-sticky{position:static}.guide-sticky figure{display:none}.guide-item{grid-template-columns:46px 1fr;padding:20px 0}.guide-item h3{font-size:18px}.update-item{grid-template-columns:74px 1fr;gap:10px;padding:19px 4px}.update-item time{font-size:16px}.faq-intro{padding-bottom:0}.faq-accent{display:none}.footer-grid{grid-template-columns:1fr;gap:27px}.site-footer{padding:36px 0}.footer-links{max-width:270px}.closing-cta{padding:70px 0}}@media (max-width:420px){h1{font-size:42px}.hero-tags{gap:6px}.hero-tags li{padding:4px 8px;font-size:11px}.hero-actions{display:grid}.systems-grid,.feature-list,.role-grid{grid-template-columns:1fr}.system-card{min-height:180px}.feature-list .feature-card{min-height:140px}.stat-row{justify-content:space-between}.stat-row strong{font-size:22px}.stat-row span{font-size:10px}.image-frame figcaption{display:block}.image-frame figcaption span{display:block;margin-bottom:3px}}
/* 标题尺寸微调：保持层级清晰并降低首屏文字占比。 */
h1{font-size:clamp(40px,6vw,72px)!important}
.section h2{font-size:clamp(28px,3.4vw,40px)!important}
.closing-inner h2{font-size:clamp(28px,3.5vw,42px)!important}
@media (max-width:420px){h1{font-size:36px!important}}

/* 常见问题：标题置于问答内容上方。 */
.faq-layout{display:block}
.faq-intro{max-width:720px;margin-bottom:38px}
.faq-intro>p:not(.section-kicker){max-width:680px;margin-bottom:0}
.faq-accent{right:0;bottom:-26px}

/* 友情链接：参考胶囊按钮布局，使用本站粉色主题背景。 */
.friend-links{padding:40px 0 42px;background:var(--pink-pale);border-top:1px solid rgba(255,82,128,.18);border-bottom:1px solid rgba(255,82,128,.18)}
.friend-links-inner{text-align:center}
.friend-links h2{margin:0 0 24px;color:var(--pink);font-size:clamp(24px,3vw,34px);line-height:1.2}
.friend-links-list{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.friend-links-list a{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:44px;padding:9px 20px;border:1px solid rgba(255,82,128,.34);border-radius:999px;background:#fff;color:var(--ink);font-size:14px;font-weight:700;line-height:1.5;box-shadow:0 6px 16px rgba(255,82,128,.08);transition:transform .2s,border-color .2s,color .2s,box-shadow .2s}
.friend-links-list a:hover{transform:translateY(-3px);border-color:var(--pink);color:var(--pink-dark);box-shadow:0 10px 22px rgba(255,82,128,.18)}
.friend-links-list a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
@media (max-width:768px){.friend-links{padding:34px 0}.friend-links h2{margin-bottom:20px}.friend-links-list{align-items:stretch;gap:10px}.friend-links-list a{width:100%;padding-inline:14px;white-space:normal}}

/* 操作图标：统一主导航、操作按钮与链接按钮的视觉提示。友情链接保持纯文字胶囊样式。 */
.nav-links>a:not(.nav-cta){display:inline-flex;align-items:center;gap:5px}
.nav-icon,.button-icon{display:inline-flex;align-items:center;justify-content:center;font-weight:900;line-height:1;flex:0 0 auto}
.nav-icon{font-size:13px;color:var(--pink);transition:color .2s,transform .2s}
.nav-links>a:hover .nav-icon{color:var(--blue);transform:translateY(-1px)}
.nav-cta{display:inline-flex;align-items:center;gap:7px}
.nav-cta .nav-icon{color:#fff}
.button-icon{font-size:1.05em;min-width:1em}
.text-link .button-icon{margin-left:8px}
.load-more .button-icon{font-size:1.4em}
.back-to-top .button-icon{font-size:1.1em}
@media (max-width:768px){.nav-links>a:not(.nav-cta){gap:8px}.nav-icon{font-size:14px}}

/* 主导航栏目高光：普通导航使用文字与边框高亮，查看详情按钮保持独立的浮动反馈。 */
.nav-links>a:not(.nav-cta){padding:7px 9px;border:1px solid transparent;border-radius:5px;text-shadow:none;transition:color .2s,border-color .2s,background .2s,box-shadow .2s,text-shadow .2s}
.nav-links>a:not(.nav-cta)::after{display:none}
.nav-links>a:hover:not(.nav-cta),.nav-links>a:focus-visible:not(.nav-cta){color:var(--pink);border-color:rgba(255,82,128,.62);background:rgba(255,240,244,.74);box-shadow:0 0 0 3px rgba(255,82,128,.08),0 6px 14px rgba(255,82,128,.12);text-shadow:0 0 9px rgba(255,82,128,.46)}
.nav-links>a:hover:not(.nav-cta) .nav-icon,.nav-links>a:focus-visible:not(.nav-cta) .nav-icon{color:var(--blue);text-shadow:0 0 8px rgba(0,210,255,.65)}
.nav-links>a:focus-visible:not(.nav-cta){outline:2px solid var(--blue);outline-offset:2px}
.nav-links>.nav-cta:hover{transform:translateY(-3px)}

/* 悬浮查看详情按钮 */
.floating-detail{position:fixed;right:22px;bottom:78px;z-index:30;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:11px 18px;border:1px solid rgba(255,255,255,.9);border-radius:6px;background:var(--pink);color:#fff;font-weight:800;box-shadow:0 12px 28px rgba(255,82,128,.34);transition:transform .2s,background .2s,box-shadow .2s}
.floating-detail:hover{transform:translateY(-4px);background:var(--pink-dark);box-shadow:0 16px 32px rgba(255,82,128,.42)}
.floating-detail:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
@media (max-width:768px){.floating-detail{right:16px;bottom:16px;min-height:44px;padding:9px 15px}.back-to-top{right:16px;bottom:72px}}

/* 现代网页微交互增强：在不改变内容结构的前提下提升层次、反馈和视觉聚焦。 */
.button{position:relative;overflow:hidden;isolation:isolate}.button::before{content:"";position:absolute;inset:0 auto 0 -130%;width:62%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.42) 45%,transparent 100%);transform:skewX(-18deg);transition:left .6s ease;z-index:-1}.button:hover::before,.button:focus-visible::before{left:145%}.button-icon{position:relative;z-index:1;transition:transform .2s}.button:hover .button-icon{transform:translateX(3px)}.button-secondary:hover .button-icon{transform:translateY(3px)}
.image-frame,.roster-image,.feature-large,.character-strip{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.image-frame:hover,.roster-image:hover,.feature-large:hover,.character-strip:hover{transform:translateY(-5px);border-color:rgba(0,210,255,.55);box-shadow:0 24px 50px rgba(42,59,92,.16),0 0 0 4px rgba(0,210,255,.07)}.image-frame:hover img,.roster-image:hover img,.feature-large:hover img,.character-strip:hover img{transform:scale(1.035)}.image-frame img,.roster-image img,.feature-large img,.character-strip img{transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.feature-card{position:relative;isolation:isolate}.feature-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,82,128,0),rgba(0,210,255,.72),rgba(255,82,128,0));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;pointer-events:none}.feature-card:hover::before{opacity:1}.feature-card:hover .card-index,.feature-card:hover .mini-number{ text-shadow:0 0 10px rgba(255,82,128,.5)}
.role-card{position:relative;overflow:hidden}.role-card::after{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;background:linear-gradient(90deg,var(--pink),var(--blue));transition:width .3s ease}.role-card:hover::after{width:100%}.role-card h3{transition:color .2s,transform .2s}.role-card:hover h3{color:var(--pink);transform:translateX(3px)}
.faq-item{transition:background .25s,padding .25s}.faq-item:hover{background:linear-gradient(90deg,rgba(255,240,244,.8),rgba(255,255,255,0))}.faq-item summary{transition:color .2s,padding-left .2s}.faq-item summary:hover{color:var(--pink);padding-left:10px}.faq-item summary span{transition:transform .25s,color .2s}.faq-item summary:hover span{color:var(--blue)}
.update-item{position:relative;transition:background .25s,padding-left .25s}.update-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--pink),var(--blue));transform:scaleY(0);transform-origin:center;transition:transform .25s}.update-item:hover{padding-left:28px;background:rgba(255,255,255,.76)}.update-item:hover::before{transform:scaleY(1)}
.brand img{transition:transform .3s,box-shadow .3s}.brand:hover img{transform:rotate(-5deg) scale(1.06);box-shadow:0 0 0 4px rgba(255,82,128,.12),0 0 18px rgba(0,210,255,.28)}
.hero-grid{animation:hero-grid-drift 18s linear infinite}@keyframes hero-grid-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(42px,42px,0)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.button::before{display:none}}

/* 移动端菜单按钮：展开导航时由三横线变为关闭叉号。 */
@media (max-width:768px){
  .menu-toggle{position:relative;width:42px;height:42px;padding:0}
  .menu-toggle span{position:absolute;left:9px;top:20px;width:24px;height:2px;margin:0;transform-origin:center;transition:transform .25s ease,opacity .2s ease,background .2s ease}
  .menu-toggle span:nth-child(1){transform:translateY(-7px)}
  .menu-toggle span:nth-child(3){transform:translateY(7px)}
  .menu-toggle.is-open span:nth-child(1){transform:rotate(45deg)}
  .menu-toggle.is-open span:nth-child(2){opacity:0}
  .menu-toggle.is-open span:nth-child(3){transform:rotate(-45deg)}
}

/* 无脚本回退：更新日志保持完整可读，脚本启用后再按按钮渐进展开。 */
html:not(.js) .update-item.is-hidden{display:block}
html:not(.js) .load-more{display:none}

/* 平板与窄窗口导航：769–900px 使用折叠菜单，避免导航横向溢出。 */
@media (min-width:769px) and (max-width:900px){
  html{scroll-padding-top:74px}
  .menu-toggle{display:block;position:relative;width:42px;height:42px;padding:0}
  .menu-toggle span{position:absolute;left:9px;top:20px;width:24px;height:2px;margin:0;transform-origin:center;transition:transform .25s ease,opacity .2s ease}
  .menu-toggle span:nth-child(1){transform:translateY(-7px)}
  .menu-toggle span:nth-child(3){transform:translateY(7px)}
  .menu-toggle.is-open span:nth-child(1){transform:rotate(45deg)}
  .menu-toggle.is-open span:nth-child(2){opacity:0}
  .menu-toggle.is-open span:nth-child(3){transform:rotate(-45deg)}
  .nav-links{display:none;position:absolute;left:24px;right:24px;top:73px;padding:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:0 0 7px 7px;align-items:stretch;gap:0}
  .nav-links.is-open{display:flex;flex-direction:column}
  .nav-links>a:not(.nav-cta){padding:10px 7px}
  .nav-cta{text-align:center;margin:8px 6px 2px}
}

/* 旧版浏览器回退：不支持 svh 时使用传统视口高度。 */
@media (min-width:769px){
  .hero{min-height:calc(100vh - 74px);min-height:calc(100svh - 74px)}
}

/* 保留手机端首屏的舒适阅读高度。 */
@media (max-width:768px){.hero{min-height:650px}}

/* 手机导航高度为 64px，锚点滚动避免标题被固定导航遮挡。 */
@media (max-width:768px){html{scroll-padding-top:64px}}