:root{
    --primary:#D94A7A;
    --primary-2:#E76B98;
    --primary-light:#F4B7CC;
    --primary-soft:#FBE7EF;
    --rose:#B93667;
    --rose-deep:#7A2345;
    --rose-darker:#4A1830;
    --bg:#FFF7FA;
    --bg-2:#FCEEF3;
    --bg-3:#FFFDFE;
    --surface:#FFFFFF;
    --surface-soft:rgba(255,255,255,.82);
    --surface-strong:rgba(255,255,255,.96);
    --text:#351F2A;
    --text-2:#684A58;
    --text-3:#9A7A89;
    --line:rgba(217,74,122,.10);
    --line-strong:rgba(217,74,122,.22);
    --shadow:0 5px 22px rgba(177,54,103,.08);
    --shadow-hover:0 14px 38px rgba(177,54,103,.14);
    --radius:12px;
    --radius-card:16px;
    --radius-large:22px;
    --radius-pill:999px;
    --wrap:1320px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;line-height:1.65;overflow-x:hidden}
body.search-open,body.modal-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto;object-fit:cover}
button,input{font:inherit}
button{color:inherit}
.wrap{width:min(calc(100% - 40px),var(--wrap));margin-inline:auto}
.narrow{max-width:860px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:8px;left:8px;z-index:9999;background:var(--surface);padding:10px 14px;border-radius:8px;transform:translateY(-150%);box-shadow:var(--shadow)}
.skip-link:focus{transform:none}
:focus-visible{outline:3px solid rgba(217,74,122,.32);outline-offset:3px}
.announcement{height:30px;overflow:hidden;background:linear-gradient(90deg,#D94A7A,#B85D8A,#8C6AA8);color:#fff;font-size:13px}
.announcement-track{height:30px;display:flex;align-items:center;justify-content:center;gap:36px;white-space:nowrap}
.site-header{position:sticky;top:0;z-index:80;background:rgba(255,247,250,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);transition:box-shadow .2s,background .2s}
.site-header.is-scrolled{background:rgba(255,255,255,.96);box-shadow:0 3px 16px rgba(177,54,103,.08)}
.header-inner{height:68px;display:flex;align-items:center;gap:22px}
.brand{display:inline-flex;align-items:center;gap:9px;color:var(--rose-deep);font-weight:800;letter-spacing:-.02em;white-space:nowrap}
.brand-logo{width:38px;height:38px;object-fit:contain;border-radius:10px}
.primary-nav{display:flex;align-items:center;gap:2px;min-width:0;flex:1}
.primary-nav a{position:relative;padding:21px 9px 19px;color:var(--text-2);font-size:14px;white-space:nowrap}
.primary-nav a:hover{color:var(--primary)}
.primary-nav a.is-current{color:var(--rose);font-weight:700}
.primary-nav a.is-current:after{content:"";position:absolute;left:25%;right:25%;bottom:11px;height:2px;border-radius:2px;background:var(--rose)}
.header-actions{display:flex;align-items:center;gap:4px}.desktop-search{width:330px;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px 8px 16px;border:1px solid var(--line-strong);border-radius:999px;background:#fff;color:var(--text-3);cursor:pointer;text-align:left}.desktop-search:hover{border-color:var(--primary-light);box-shadow:0 4px 16px rgba(177,54,103,.07)}.desktop-search strong{display:inline-flex;align-items:center;justify-content:center;min-width:58px;padding:5px 10px;border-radius:999px;background:var(--primary);color:#fff;font-size:12px}.compact-search{display:none}
.btn-quiet,.icon-button{border:0;background:transparent;cursor:pointer;border-radius:10px}
.btn-quiet{padding:9px 10px;color:var(--text-2);font-size:14px}
.btn-quiet:hover,.icon-button:hover{background:var(--primary-soft);color:var(--rose)}
.icon-button{width:40px;height:40px;display:inline-grid;place-items:center}
.mobile-menu-open{display:none;gap:4px;padding:10px}
.mobile-menu-open span{display:block;width:18px;height:2px;background:currentColor;border-radius:2px}
.service-menu,.mega-menu{position:absolute;left:0;right:0;background:var(--surface-strong);border-bottom:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(14px)}
.service-menu[hidden],.mega-menu[hidden],.mobile-drawer[hidden]{display:none!important}
.service-links{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:18px 0 22px}
.service-links a{padding:15px;border-radius:var(--radius);background:var(--bg-3);border:1px solid var(--line)}
.service-links strong,.service-links span{display:block}.service-links span{font-size:13px;color:var(--text-3);margin-top:3px}
.mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;padding:24px 0 28px}
.mega-grid>div{display:flex;flex-direction:column;gap:7px}.mega-title{font-weight:800;color:var(--rose-deep);margin-bottom:3px}.mega-grid a{color:var(--text-2);font-size:14px}.mega-grid a:hover{color:var(--primary)}
.search-modal{display:none;position:fixed;inset:0;z-index:150;background:rgba(74,24,48,.36);padding:8vh 20px 20px;align-items:flex-start;justify-content:center}
.search-modal.is-open{display:flex}
.search-modal[hidden]{display:none!important}
.search-dialog{width:min(760px,100%);background:var(--surface);border:1px solid var(--line-strong);border-radius:24px;box-shadow:0 24px 70px rgba(74,24,48,.18);padding:26px}
.search-dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.search-dialog-head h2{margin:4px 0 0;font-size:26px;line-height:1.3}.search-close{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--bg);cursor:pointer;font-size:26px;line-height:1}
.search-form,.search-page-form{display:flex;gap:10px;margin-top:22px}.search-form input,.search-page-form input{flex:1;min-width:0;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:#fff;padding:13px 18px;color:var(--text);outline:none}.search-form input:focus,.search-page-form input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(217,74,122,.08)}
.search-suggestions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px;font-size:13px;color:var(--text-3)}.search-suggestions a{padding:5px 10px;border-radius:999px;background:var(--primary-soft);color:var(--rose)}
.noscript-search{padding:8px 0;font-size:14px}.noscript-search a{color:var(--primary);text-decoration:underline}
.mobile-drawer{position:fixed;inset:0;z-index:140;background:rgba(74,24,48,.3)}
.drawer-panel{width:min(360px,88vw);height:100%;background:var(--surface);padding:18px;box-shadow:20px 0 60px rgba(74,24,48,.18);overflow-y:auto}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line)}.drawer-nav{display:grid;padding:10px 0}.drawer-nav a{padding:11px 8px;border-bottom:1px solid var(--line);color:var(--text-2)}
.page-hero{background:linear-gradient(135deg,#FFF7FA 0%,#FCEEF3 50%,#F6EEF8 100%);padding:56px 0 62px;border-bottom:1px solid var(--line)}
.hero-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(360px,2fr);gap:58px;align-items:center;min-height:430px}
.hero-copy h1{margin:8px 0 18px;color:var(--rose-darker);font-size:clamp(36px,4.2vw,62px);line-height:1.1;letter-spacing:-.045em;max-width:850px}.hero-lead{font-size:18px;color:var(--text-2);max-width:760px;margin:0}.hero-note{color:var(--text-3);font-size:14px;max-width:700px}.eyebrow{display:inline-block;color:var(--primary);font-size:13px;font-weight:800;letter-spacing:.12em}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:var(--radius-pill);border:1px solid transparent;font-weight:700;cursor:pointer}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--rose)}.btn-secondary{background:#fff;border-color:var(--line-strong);color:var(--rose-deep)}.btn-secondary:hover{background:var(--primary-soft)}.btn-light{background:#fff;color:var(--rose-deep)}.btn-outline-light{border-color:rgba(255,255,255,.4);color:#fff;background:transparent}
.hero-media{margin:0;position:relative}.hero-media:before{content:"";position:absolute;inset:-8%;background:radial-gradient(circle,rgba(217,74,122,.12),rgba(140,106,168,.07) 45%,transparent 68%);filter:blur(18px);pointer-events:none}.hero-media img{position:relative;width:100%;aspect-ratio:4/3;border-radius:24px;box-shadow:0 24px 50px rgba(122,35,69,.13)}.hero-media figcaption,.device-figure figcaption,.schedule-figure figcaption{position:relative;color:var(--text-3);font-size:13px;margin-top:10px}
.breadcrumbs{display:flex;gap:8px;align-items:center;padding-top:18px;color:var(--text-3);font-size:13px}.breadcrumbs a{color:var(--primary)}
.section{padding:72px 0;background:var(--bg)}.section-alt{background:var(--bg-2)}.section-soft{background:#F7F0F8}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section-head h2{margin:5px 0 8px;color:var(--rose-deep);font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-.03em}.section-head p{margin:0;color:var(--text-2);max-width:780px}.text-link{color:var(--primary);font-weight:700;white-space:nowrap}.text-link:hover{color:var(--rose)}
.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.channel-grid-compact{grid-template-columns:repeat(2,1fr)}.channel-card{position:relative;padding:20px;border:1px solid var(--line);border-radius:var(--radius-card);background:#fff;overflow:hidden;transition:.2s}.channel-card:hover{background:var(--primary-soft);transform:translateY(-2px)}.channel-card strong{display:block;font-size:18px;color:var(--text);margin-bottom:7px}.channel-card p{font-size:13px;color:var(--text-2);margin:0 0 10px}.channel-card small{color:var(--text-3)}.channel-mark{display:block;width:28px;height:6px;border-radius:999px;margin-bottom:18px;background:var(--primary)}.tone-knowledge .channel-mark{background:#76658f}.tone-art .channel-mark{background:#c8796e}.tone-life .channel-mark{background:#d9a78f}.tone-tech .channel-mark{background:#6D78A8}.tone-travel .channel-mark{background:#718aa0}.tone-sport .channel-mark{background:#7c9b82}
.featured-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.stack-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.content-card{background:#fff;border:1px solid rgba(217,74,122,.08);border-radius:16px;overflow:hidden;box-shadow:0 4px 18px rgba(177,54,103,.07);transition:.2s}.content-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(177,54,103,.13)}.card-media{display:block;position:relative;overflow:hidden}.card-media img{width:100%;aspect-ratio:16/9;transition:transform .35s}.content-card:hover .card-media img{transform:scale(1.02)}.duration{position:absolute;right:9px;bottom:9px;background:rgba(53,31,42,.82);color:#fff;border-radius:6px;padding:2px 7px;font-size:12px}.card-body{padding:16px}.card-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;color:var(--text-3);font-size:12px}.badge{display:inline-flex;align-items:center;width:max-content;padding:4px 9px;border-radius:999px;background:var(--primary-soft);color:var(--rose);font-size:12px;font-weight:700}.badge-soft{background:#F6EEF8;color:#765883}.card-body h3{font-size:17px;line-height:1.45;margin:10px 0 7px}.card-body h3 a:hover{color:var(--primary)}.card-body p{margin:0;color:var(--text-2);font-size:14px}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.tag-row span{font-size:11px;color:var(--text-3);padding:3px 7px;border-radius:999px;background:var(--bg)}.content-card-large .card-body h3{font-size:23px}.content-card-large .card-media img{aspect-ratio:16/8.6}
.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.two-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.channel-feature-row{margin-top:22px}.image-feature{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden}.image-feature figure{margin:0}.image-feature figure img{width:100%;aspect-ratio:16/10}.image-feature-copy{padding:18px}.image-feature h3{font-size:21px;line-height:1.35;margin:0 0 8px}.image-feature p{color:var(--text-2);margin:0 0 10px}.image-caption{font-size:12px!important;color:var(--text-3)!important;border-left:2px solid var(--primary-light);padding-left:10px}
.split-section{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:38px;align-items:start}.rank-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.rank-list li{display:grid;grid-template-columns:74px 1fr;gap:14px;padding:15px;border-radius:12px}.rank-list li:hover{background:var(--primary-soft)}.rank-list strong{font-size:16px}.rank-list p{margin:3px 0 0;color:var(--text-2);font-size:13px}.rank{font-weight:900;font-size:13px}.rank-1{color:#B93667}.rank-2{color:#D94A7A}.rank-3{color:#E76B98}.rank-4,.rank-5,.rank-6{color:#B89AA7}.rank-list-full li{padding:18px 14px;border-bottom:1px solid var(--line)}.rank-list-full h3{margin:7px 0 4px;font-size:19px}.topic-panel,.note-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-large);padding:20px;box-shadow:var(--shadow)}.topic-panel img{width:100%;aspect-ratio:16/9;border-radius:12px;margin:12px 0 18px}.topic-panel h2,.note-card h2{color:var(--rose-deep);font-size:22px;line-height:1.35}.topic-panel p,.note-card p{color:var(--text-2)}
.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.topic-card{padding:20px;border:1px solid var(--line);border-radius:var(--radius-card);transition:.2s}.topic-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.topic-style-1{background:#fff}.topic-style-2{background:var(--primary-soft)}.topic-style-3{background:#F6EEF8}.topic-card strong{display:block;font-size:18px}.topic-card p{color:var(--text-2);font-size:13px}.topic-card span{font-size:12px;color:var(--primary);font-weight:700}
.creator-home-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.creator-copy-panel{padding:28px;background:linear-gradient(135deg,#fff,#FFF7FA);border:1px solid var(--line);border-radius:var(--radius-large)}.creator-copy-panel>h3{font-size:26px;margin-top:0}.creator-copy-panel>p{color:var(--text-2)}.mini-service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px}.mini-service-list a{padding:14px;border-radius:12px;background:#fff;border:1px solid var(--line)}.mini-service-list strong,.mini-service-list span{display:block}.mini-service-list span{font-size:12px;color:var(--text-3);margin-top:4px}
.app-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.phone-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px;transition:.2s}.phone-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.phone-card img{aspect-ratio:10/16;border-radius:14px;background:var(--primary-soft)}.phone-card div{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 3px 2px}.phone-card span{font-size:12px;color:var(--text-3)}
.discussion-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.discussion-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);padding:18px}.discussion-card:hover{box-shadow:var(--shadow)}.discussion-card>span{color:#765883;font-size:12px;font-weight:700}.discussion-card h3{font-size:17px;line-height:1.4}.discussion-card p{font-size:13px;color:var(--text-2)}.discussion-card a{font-size:12px;color:var(--primary);font-weight:700}
.cta-band{padding:0 0 72px;background:var(--bg)}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:34px 38px;border-radius:24px;background:linear-gradient(135deg,#4A1830,#68213E,#50203A);color:#fff}.cta-inner h2{font-size:30px;margin:0 0 6px}.cta-inner p{margin:0;color:rgba(255,255,255,.74);max-width:760px}.cta-actions{display:flex;flex-wrap:wrap;gap:9px}
.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.info-card{padding:20px;border-radius:var(--radius-card);border:1px solid var(--line);background:#fff}.info-card:hover{background:var(--primary-soft)}.info-card h3{font-size:18px;margin:8px 0}.info-card p{font-size:13px;color:var(--text-2)}.info-card .text-link{font-size:12px}
.has-sidebar{display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px}.light-sidebar{position:sticky;top:92px;align-self:start;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);padding:14px}.light-sidebar h2{font-size:15px;margin:4px 8px 10px;color:var(--rose-deep)}.light-sidebar a{display:flex;justify-content:space-between;gap:8px;padding:9px;border-radius:8px;font-size:13px}.light-sidebar a:hover,.light-sidebar a.is-current{background:var(--primary-soft);color:var(--rose)}.light-sidebar span{color:var(--text-3);font-size:11px}
.prose,.prose-wide{color:var(--text-2)}.prose h3,.prose-wide h3{color:var(--text);font-size:20px;margin:28px 0 8px}.prose-wide{max-width:940px}.prose-wide p{font-size:16px;line-height:1.9}.lead-paragraph{font-size:18px;color:var(--text-2)}.check-list{padding-left:20px;color:var(--text-2)}.check-list li{margin:8px 0}.check-list.large{font-size:16px}.safety-note{border-left:4px solid var(--primary);background:var(--primary-soft)}
.timeline-list{display:grid;gap:12px}.timeline-list>div{border-left:3px solid var(--primary-light);padding:6px 0 6px 16px}.timeline-list strong{color:var(--rose-deep)}.timeline-list p{color:var(--text-2);margin:3px 0}.related-links{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.related-links a{display:flex;flex-direction:column;gap:5px;padding:18px;border-radius:var(--radius-card);background:#fff;border:1px solid var(--line)}.related-links a:hover{background:var(--primary-soft)}.related-links strong{color:var(--rose-deep)}.related-links span{font-size:13px;color:var(--text-2)}
.device-figure,.schedule-figure{margin:0}.phone-device{width:min(380px,100%);aspect-ratio:9/16;margin-inline:auto;border-radius:34px;box-shadow:0 22px 50px rgba(177,54,103,.15)}.screen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.screen-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:13px}.screen-img{width:100%;aspect-ratio:10/16;border-radius:14px;background:var(--primary-soft)}.screen-card div{padding:12px 6px}.screen-card h3{margin:8px 0 4px}.screen-card p{margin:0;color:var(--text-2);font-size:13px}
.feature-rows{display:grid;gap:32px}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.feature-row.reverse figure{order:2}.feature-row figure{margin:0}.browser-shot{width:100%;aspect-ratio:16/10;border-radius:20px;box-shadow:var(--shadow)}.feature-row h2{font-size:30px;color:var(--rose-deep);margin:8px 0}.feature-row p{color:var(--text-2)}
.schedule-img{width:100%;aspect-ratio:4/3;border-radius:20px}.schedule-list{display:grid;gap:10px}.schedule-list article{display:grid;grid-template-columns:78px 1fr;gap:12px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:12px}.schedule-list h3{margin:0;font-size:16px}.schedule-list small{color:var(--text-3)}.schedule-list p{margin:5px 0 0;color:var(--text-2);font-size:13px}
.learning-path{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.learning-path article{padding:18px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card)}.learning-path article>span{font-weight:900;color:var(--primary);font-size:22px}.learning-path h3{margin:18px 0 7px}.learning-path p{font-size:13px;color:var(--text-2)}
.warning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.warning-grid article{padding:18px;border-radius:var(--radius-card);background:#fff;border:1px solid var(--line)}.warning-grid strong{color:var(--rose-deep)}.warning-grid p{color:var(--text-2);font-size:13px}
.faq-list{display:grid;gap:10px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.faq-item h3{margin:0}.faq-question{width:100%;border:0;background:#fff;padding:17px 18px;display:flex;justify-content:space-between;gap:20px;align-items:center;text-align:left;font-weight:700;cursor:pointer}.faq-question[aria-expanded="true"]{background:var(--primary-soft);color:var(--rose-deep)}.faq-answer{padding:0 18px 16px;background:var(--primary-soft)}.faq-answer[hidden]{display:none}.faq-answer p{margin:0;color:var(--text-2)}.faq-plus{font-size:22px}.center-link{text-align:center;margin-top:24px}
.search-page-head{padding:54px 0 28px;background:linear-gradient(135deg,var(--bg),var(--bg-2))}.search-page-head h1{font-size:42px;color:var(--rose-darker);margin:7px 0}.search-page-head p{color:var(--text-2)}.empty-state{text-align:center;padding:50px 20px;background:#fff;border:1px solid var(--line);border-radius:20px}.empty-state .hero-actions{justify-content:center}.error-page{padding:110px 0 140px;text-align:center;background:linear-gradient(135deg,var(--bg),var(--bg-2))}.error-code{display:block;font-size:76px;line-height:1;font-weight:900;color:var(--primary-light)}.error-page h1{font-size:38px;color:var(--rose-deep)}.error-page p{color:var(--text-2);font-size:17px}.error-page .hero-actions{justify-content:center}
.site-footer{background:linear-gradient(135deg,#4A1830,#68213E,#50203A);color:#fff;padding:54px 0 24px}.footer-grid{display:grid;grid-template-columns:1.8fr repeat(5,1fr);gap:30px}.brand-footer{color:#fff}.footer-brand p{color:rgba(255,255,255,.72);font-size:14px;max-width:370px}.footer-badges{display:flex;flex-wrap:wrap;gap:7px}.footer-badges span{font-size:11px;padding:4px 8px;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:rgba(255,255,255,.74)}.footer-col h2{font-size:14px;margin:4px 0 14px}.footer-col{display:flex;flex-direction:column;gap:7px}.footer-col a{font-size:13px;color:rgba(255,255,255,.72)}.footer-col a:hover{color:#F4B7CC}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:34px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.55);font-size:12px}
.mobile-bottom{display:none}.back-top{position:fixed;right:24px;bottom:24px;z-index:60;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-strong);background:#fff;color:var(--rose);box-shadow:var(--shadow);cursor:pointer}.back-top[hidden]{display:none}
.reveal{opacity:1;transform:none}.js .reveal.is-visible{animation:revealIn .45s ease both}
@media (max-width:1200px){.desktop-search{display:none}.compact-search{display:inline-block}.primary-nav a{padding-inline:6px;font-size:13px}.header-inner{gap:14px}.footer-grid{grid-template-columns:1.6fr repeat(3,1fr)}.footer-col:nth-last-child(-n+2){margin-top:10px}.service-grid{grid-template-columns:repeat(3,1fr)}.learning-path{grid-template-columns:repeat(3,1fr)}}
@media (max-width:1100px){.primary-nav{display:none}.mobile-menu-open{display:grid}.has-sidebar{grid-template-columns:1fr}.light-sidebar{display:none}.topic-grid{grid-template-columns:repeat(3,1fr)}.discussion-grid{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:repeat(3,1fr)}.related-links{grid-template-columns:repeat(2,1fr)}.channel-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.wrap{width:min(calc(100% - 30px),var(--wrap))}.hero-grid{grid-template-columns:1fr;min-height:0;gap:34px}.hero-copy h1{font-size:44px}.hero-media{max-width:680px}.featured-layout,.creator-home-grid,.split-section{grid-template-columns:1fr}.content-grid,.three-grid{grid-template-columns:repeat(2,1fr)}.topic-grid{grid-template-columns:repeat(2,1fr)}.app-preview-grid{grid-template-columns:repeat(3,1fr)}.screen-grid{grid-template-columns:repeat(2,1fr)}.feature-row{grid-template-columns:1fr;gap:18px}.feature-row.reverse figure{order:0}.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:1/-1}.channel-grid{grid-template-columns:repeat(2,1fr)}.service-links{grid-template-columns:repeat(2,1fr)}.mega-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:768px){body{padding-bottom:62px}.announcement-track{justify-content:flex-start;padding-left:20px;gap:28px;animation:noticeMove 20s linear infinite}.app-entry,.service-toggle,.mega-toggle{display:none}.header-inner{height:62px}.brand-logo{width:34px;height:34px}.page-hero{padding:38px 0 44px}.hero-copy h1{font-size:38px}.hero-lead{font-size:16px}.section{padding:54px 0}.section-head{align-items:start;flex-direction:column;gap:12px}.section-head h2{font-size:30px}.stack-grid{grid-template-columns:1fr}.app-preview-grid{grid-template-columns:1fr 1fr}.two-grid{grid-template-columns:1fr}.channel-feature-row{grid-template-columns:1fr}.info-grid{grid-template-columns:repeat(2,1fr)}.warning-grid{grid-template-columns:1fr}.learning-path{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:column}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:70;height:58px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--primary-light);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{display:grid;place-items:center;font-size:12px;color:var(--text-3)}.mobile-bottom a.is-current{color:var(--primary);font-weight:800}.back-top{bottom:76px}.search-modal{padding-top:5vh}.search-dialog{padding:20px}.search-dialog-head h2{font-size:22px}.search-form,.search-page-form{flex-direction:column}.search-form .btn,.search-page-form .btn{width:100%}}
@media (max-width:600px){.wrap{width:min(calc(100% - 24px),var(--wrap))}.hero-copy h1{font-size:34px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{text-align:center}.content-grid,.three-grid,.topic-grid,.discussion-grid,.info-grid,.service-grid,.screen-grid,.app-preview-grid,.channel-grid,.channel-grid-compact,.learning-path,.related-links{grid-template-columns:1fr}.content-card-large .card-body h3{font-size:19px}.mini-service-list{grid-template-columns:1fr}.cta-inner{padding:28px 22px;align-items:flex-start;flex-direction:column}.cta-actions{width:100%}.cta-actions .btn{width:100%}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.schedule-list article{grid-template-columns:64px 1fr}.service-links,.mega-grid{grid-template-columns:1fr}.search-page-head h1{font-size:34px}.error-page{padding:80px 0 110px}.error-page h1{font-size:30px}}
@keyframes noticeMove{from{transform:translateX(0)}to{transform:translateX(-260px)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.announcement-track{animation:none}.js .reveal,.card-media img,.content-card,.topic-card,.phone-card{transition:none!important;transform:none!important}}

.filter-bar,.tab-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}.filter-bar button,.tab-buttons button{border:1px solid var(--line-strong);background:#fff;color:var(--text-2);border-radius:999px;padding:8px 13px;cursor:pointer}.filter-bar button:hover,.filter-bar button.is-current,.tab-buttons button[aria-selected="true"]{background:var(--primary-soft);color:var(--rose);border-color:var(--primary-light)}.tab-panel{margin-top:18px}.tab-panel[hidden],[data-interest-group][hidden]{display:none!important}

@keyframes revealIn{from{opacity:.72;transform:translateY(8px)}to{opacity:1;transform:none}}
