/* Inner pages share the official site's tokens, fonts, navigation and assets. */
.brand-page { --reading-text:#c5cee1; --reading-muted:#a3afc7; --reading-line:rgba(138,157,200,.2); }
.brand-page a { text-underline-offset:4px; }
.brand-page a:focus-visible,.brand-page summary:focus-visible,.brand-page button:focus-visible { outline:2px solid var(--primary-cyan); outline-offset:5px; }
.brand-page .ambient-glow { width:min(600px,100%); opacity:.7; }
.brand-page .header .container { gap:20px; }
.brand-page .nav-links { gap:22px; }
.brand-page .nav-links a { font-size:14px; white-space:nowrap; }
.brand-page .nav-cta .btn { white-space:nowrap; }
.brand-page .logo-wrap { flex-shrink:0; }
.brand-skip { position:fixed; top:10px; left:20px; z-index:200; padding:10px 20px; color:var(--bg-dark); background:var(--primary-cyan); border-radius:8px; transform:translateY(-160%); }
.brand-skip:focus { transform:translateY(0); }
.brand-main { position:relative; z-index:1; padding-top:80px; min-height:65vh; }
.brand-mobile-nav { display:none; }
.brand-breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:10px; font-size:13px; color:var(--reading-muted); margin-bottom:44px; line-height:1.8; }
.brand-breadcrumb a { text-decoration:none; color:var(--reading-muted); }
.brand-breadcrumb a:hover { color:var(--primary-cyan); }
.brand-breadcrumb [aria-current] { color:var(--text-white); }
.reading-page,.about-page { padding-top:32px; padding-bottom:100px; }
.reading-heading { margin-bottom:34px; }
.reading-heading h1 { font-size:clamp(32px,4vw,48px); line-height:1.3; letter-spacing:.025em; margin:14px 0 18px; }
.reading-heading p { max-width:760px; color:var(--reading-muted); font-size:16px; line-height:1.9; }
.reading-nav { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:34px; padding-bottom:24px; border-bottom:1px solid var(--reading-line); }
.reading-nav a { color:var(--reading-muted); text-decoration:none; padding:8px 16px; border-radius:var(--radius-pill); border:1px solid var(--reading-line); font-size:14px; transition:color .2s,border-color .2s; }
.reading-nav a:hover,.reading-nav a[aria-current] { border-color:rgba(0,212,255,.45); color:var(--primary-cyan); background:rgba(0,212,255,.06); }
.reading-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.reading-card { display:flex; flex-direction:column; min-width:0; padding:28px; border:1px solid var(--reading-line); border-radius:var(--radius-card); background:rgba(17,25,53,.8); transition:border-color .2s,transform .2s; }
.reading-card:hover { border-color:rgba(0,212,255,.5); transform:translateY(-3px); }
.reading-card-meta { display:flex; justify-content:space-between; gap:12px; align-items:center; flex-wrap:wrap; color:var(--reading-muted); font-size:12px; margin-bottom:22px; }
.reading-label { display:inline-block; font-size:12px; color:var(--primary-cyan); letter-spacing:.04em; text-decoration:none; }
.reading-card h2 { font-size:21px; line-height:1.65; letter-spacing:.02em; margin:0 0 16px; overflow-wrap:anywhere; }
.reading-card h2 a { color:var(--text-white); text-decoration:none; }
.reading-card h2 a:hover { color:var(--primary-cyan); }
.reading-card p { color:var(--reading-text); font-size:14px; line-height:1.95; margin-bottom:24px; }
.reading-more { color:var(--primary-cyan); text-decoration:none; font-size:14px; font-weight:600; display:inline-flex; gap:12px; align-items:center; }
.reading-card .reading-more { margin-top:auto; align-self:flex-start; }
.reading-empty { padding:64px 24px; border:1px solid var(--reading-line); border-radius:var(--radius-card); text-align:center; }
.reading-empty>i { font-size:32px; color:var(--primary-cyan); margin-bottom:20px; }
.reading-empty h2 { margin-bottom:12px; font-size:22px; }.reading-empty p { color:var(--reading-muted); margin-bottom:20px; }
.reading-pagination { display:flex; align-items:center; justify-content:center; gap:22px; flex-wrap:wrap; margin-top:40px; font-size:14px; color:var(--reading-muted); }
.reading-pagination a { color:var(--primary-cyan); text-decoration:none; padding:10px 16px; border:1px solid var(--reading-line); border-radius:8px; }
.reading-pagination [aria-disabled] { opacity:.6; }
.archive-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
.archive-month { display:flex; flex-direction:column; padding:28px; background:rgba(17,25,53,.8); border:1px solid var(--reading-line); border-radius:var(--radius-card); text-decoration:none; transition:border-color .2s; }
.archive-month:hover { border-color:var(--primary-cyan); }.archive-year { color:var(--reading-muted); font-size:14px; }
.archive-number { color:var(--text-white); font-family:var(--font-en); font-size:64px; line-height:1.4; font-weight:600; }.archive-number small { font-family:var(--font-zh); font-size:16px; font-weight:400; margin-left:10px; color:var(--reading-muted); }
.archive-count { color:var(--primary-cyan); display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--reading-line); padding-top:16px; margin-top:12px; font-size:14px; }
.brand-article { max-width:850px; margin:0 auto; }.brand-article-header { padding-bottom:18px; }
.brand-article-header h1 { font-size:clamp(28px,3.3vw,42px); line-height:1.55; letter-spacing:.02em; margin:18px 0 22px; text-wrap:pretty; }
.brand-article-meta { display:flex; gap:14px; flex-wrap:wrap; font-size:13px; color:var(--reading-muted); }
.brand-article-summary { border-left:3px solid var(--primary-cyan); padding:20px 24px; margin-top:30px; background:rgba(0,212,255,.045); border-radius:0 12px 12px 0; }
.brand-article-summary p { color:var(--reading-text); font-size:16px; line-height:1.9; }
.brand-prose { color:var(--reading-text); font-size:17px; line-height:2; overflow-wrap:anywhere; }
.brand-prose>* { margin:0 0 1.35em; }.brand-prose p { color:inherit; }.brand-prose h2,.brand-prose h3,.brand-prose h4 { color:var(--text-white); letter-spacing:.025em; line-height:1.65; margin-top:1.7em; margin-bottom:.8em; scroll-margin-top:100px; }
.brand-prose h2 { font-size:26px; padding-bottom:12px; border-bottom:1px solid var(--reading-line); }.brand-prose h3 { font-size:21px; }.brand-prose h4 { font-size:18px; }
.brand-prose strong { font-weight:650; color:var(--text-white); }.brand-prose a { color:var(--primary-cyan); }.brand-prose ul,.brand-prose ol { padding-left:1.6em; }.brand-prose li { margin-bottom:.5em; }.brand-prose li::marker { color:var(--primary-cyan); }
.brand-prose blockquote { border-left:3px solid var(--secondary-purple); padding:14px 22px; background:rgba(124,61,255,.07); }.brand-prose blockquote>*:last-child { margin-bottom:0; }
.brand-prose img,.brand-prose video { max-width:100%; height:auto; border-radius:12px; }.brand-prose iframe { max-width:100%; }.brand-prose figure { margin-inline:0; }.brand-prose figcaption { font-size:13px; color:var(--reading-muted); text-align:center; }
.brand-prose hr { border:0; border-top:1px solid var(--reading-line); margin:36px 0; }
.brand-prose table { display:block; width:100%; overflow-x:auto; border-collapse:collapse; font-size:14px; line-height:1.8; margin:24px 0; border:1px solid var(--reading-line); border-radius:8px; }
.brand-prose th,.brand-prose td { padding:14px 16px; border:1px solid var(--reading-line); text-align:left; min-width:90px; }.brand-prose th { color:var(--text-white); background:rgba(0,212,255,.07); font-weight:600; }.brand-prose td { color:var(--reading-text); }
.brand-prose pre { overflow:auto; padding:20px; background:#080d21; border:1px solid var(--reading-line); border-radius:10px; white-space:pre; font-size:14px; }.brand-prose code { font-size:.9em; padding:2px 5px; background:rgba(0,212,255,.06); border-radius:4px; }.brand-prose pre code { padding:0; background:transparent; }
.brand-article-tags { display:flex; flex-wrap:wrap; gap:10px; margin:32px 0; }.brand-article-tags span { font-size:12px; color:var(--reading-muted); border:1px solid var(--reading-line); padding:5px 12px; border-radius:20px; }
.brand-article-end { padding:26px 0; border-top:1px solid var(--reading-line); display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; color:var(--reading-muted); font-size:14px; }.brand-article-end a { color:var(--primary-cyan); text-decoration:none; }
.brand-related { max-width:850px; margin:48px auto 0; padding-top:32px; border-top:1px solid var(--reading-line); }.brand-related h2 { font-size:22px; }.brand-related ol { list-style:none; }.brand-related li { display:flex; gap:22px; align-items:baseline; padding:20px 0; border-bottom:1px solid var(--reading-line); }.brand-related li a { color:var(--text-white); text-decoration:none; font-size:16px; flex:1; }.brand-related li a:hover { color:var(--primary-cyan); }.related-number { color:var(--primary-cyan); font-family:var(--font-en); font-size:13px; }.brand-related li>i { color:var(--reading-muted); font-size:13px; }
.article-sticky-ad { position:sticky; bottom:18px; max-width:960px; margin:28px auto 0; z-index:15; }.article-sticky-ad__inner { position:relative; display:flex; gap:24px; align-items:center; justify-content:space-between; padding:22px 50px 22px 24px; background:#141d3e; border:1px solid rgba(0,212,255,.35); border-radius:16px; box-shadow:0 8px 28px #06091888; }.article-sticky-ad__close { position:absolute; top:10px; right:12px; padding:5px; color:var(--text-white); background:none; border:0; cursor:pointer; }.article-sticky-ad__badge { font-size:12px; color:var(--primary-cyan); }.article-sticky-ad__title { font-size:18px; }.article-sticky-ad p { color:var(--reading-text); font-size:14px; }.article-sticky-ad .btn { font-size:14px; flex-shrink:0; }
.brand-about-hero { display:grid; grid-template-columns:1fr 1.05fr; align-items:center; gap:64px; padding:10px 0 76px; }.about-hero-copy h1 { font-size:clamp(38px,4vw,52px); letter-spacing:.035em; margin:14px 0 24px; line-height:1.3; }.about-hero-copy h1 span { margin-left:4px; }.about-hero-copy p { color:var(--reading-text); line-height:1.95; font-size:16px; }.about-hero-copy .about-statement { font-size:24px; color:var(--text-white); line-height:1.7; margin-bottom:22px; font-weight:500; }.about-hero-copy .about-company { color:var(--reading-muted); font-size:13px; margin-top:22px; }
.about-actions { display:flex; gap:26px; align-items:center; flex-wrap:wrap; margin-top:28px; }.about-actions .btn { font-size:14px; }.about-text-link { font-size:14px; color:var(--text-white); text-decoration:none; }
.about-classroom { margin:0; border:1px solid var(--reading-line); border-radius:18px; padding:9px; background:rgba(17,25,53,.65); transform:rotate(1deg); }.about-classroom img { width:100%; height:340px; object-fit:cover; display:block; border-radius:11px; }.about-classroom figcaption { display:flex; align-items:center; gap:9px; padding:15px 10px 7px; font-size:12px; color:var(--reading-muted); }.about-live-dot { width:6px; height:6px; border-radius:50%; background:var(--primary-cyan); box-shadow:0 0 8px #00d4ff66; }
.about-block { padding:64px 0; border-top:1px solid var(--reading-line); scroll-margin-top:85px; }.about-block h2,.about-contact h2 { font-size:clamp(25px,2.7vw,32px); line-height:1.65; letter-spacing:.025em; margin-top:12px; }.about-block p { color:var(--reading-text); line-height:1.95; }.about-section-intro p { margin-top:20px; }.about-learning,.about-literacy { display:grid; grid-template-columns:1fr 1.6fr; gap:80px; }.about-learning-body>p { font-size:16px; }.about-process { display:flex; gap:10px; flex-wrap:wrap; list-style:none; counter-reset:project; margin:26px 0; }.about-process li { counter-increment:project; color:var(--text-white); font-size:13px; padding:9px 12px; border:1px solid var(--reading-line); border-radius:8px; background:rgba(26,36,86,.2); }.about-process li::before { content:counter(project,decimal-leading-zero) ' '; color:var(--primary-cyan); font-family:var(--font-en); margin-right:5px; }
.about-block .about-note,.about-note { color:var(--reading-muted); font-size:13px; line-height:1.9; margin-top:22px; }.about-block-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:22px; margin-bottom:30px; flex-wrap:wrap; }
.about-course-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; border:1px solid var(--reading-line); border-radius:16px; overflow:hidden; background:rgba(17,25,53,.6); }.about-course-grid article { padding:28px 24px; border-right:1px solid var(--reading-line); }.about-course-grid article:last-child { border:0; }.about-course-grid article>span { font-size:12px; letter-spacing:.06em; color:var(--primary-cyan); }.about-course-grid h3 { font-size:21px; margin:16px 0; }.about-course-grid p { font-size:14px; }
.about-literacy-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 30px; }.about-literacy-list article { display:flex; gap:16px; }.about-literacy-list article>i { color:var(--primary-cyan); font-size:22px; padding-top:5px; }.about-literacy-list h3 { font-size:17px; margin-bottom:8px; }.about-literacy-list p { font-size:14px; }
.about-location-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }.about-location-grid article { background:rgba(17,25,53,.65); padding:30px; border-radius:16px; border:1px solid var(--reading-line); }.about-location-grid i { color:var(--primary-cyan); font-size:22px; }.about-location-grid h3 { font-size:20px; margin:16px 0 12px; }.about-location-grid p { font-size:14px; }.about-cooperation { margin-top:28px; padding-left:22px; border-left:2px solid var(--secondary-purple); }.about-cooperation h3 { font-size:15px; margin-bottom:10px; }.about-cooperation p { font-size:13px; }.about-cooperation .about-note { margin-top:10px; }
.about-contact { display:grid; grid-template-columns:1fr 210px; align-items:center; gap:64px; border:1px solid rgba(0,212,255,.24); border-radius:18px; padding:44px 48px; background:linear-gradient(115deg,rgba(0,212,255,.045),rgba(124,61,255,.06)); }.about-contact>div>p { color:var(--reading-text); max-width:650px; line-height:1.95; font-size:14px; margin-top:16px; }.about-phone { display:block; font-family:var(--font-en); font-size:30px; font-weight:600; color:var(--primary-cyan); text-decoration:none; margin-top:26px; }.about-phone span { font:12px var(--font-zh); color:var(--reading-muted); margin-left:10px; }.about-contact-small a { color:var(--reading-text); text-decoration:none; }.about-contact figure { margin:0; text-align:center; }.about-contact figure img { width:180px; height:180px; display:block; margin:auto; object-fit:contain; border:8px solid white; border-radius:12px; background:white; }.about-contact figcaption { color:var(--reading-muted); font-size:12px; margin-top:12px; line-height:1.7; }
.brand-page .footer-copy a { color:var(--reading-muted); }.brand-page .footer-copy a:hover { color:var(--primary-cyan); }
@media(min-width:1600px) { .brand-about-hero { gap:80px; } }
@media(max-width:1100px) {
    .brand-page .brand-desktop-nav,.brand-page .nav-cta { display:none; }
    .brand-mobile-nav { display:block; position:relative; }
    .brand-mobile-nav summary { display:flex; gap:10px; align-items:center; list-style:none; color:var(--text-white); padding:10px 14px; border:1px solid var(--reading-line); border-radius:9px; cursor:pointer; font-size:14px; }
    .brand-mobile-nav summary::-webkit-details-marker { display:none; }
    .brand-mobile-nav[open] summary { color:var(--primary-cyan); border-color:rgba(0,212,255,.4); }
    .brand-mobile-nav nav { position:absolute; right:0; top:calc(100% + 14px); width:min(320px,calc(100vw - 40px)); padding:12px; background:#0f1733; border:1px solid rgba(0,212,255,.25); border-radius:12px; box-shadow:0 18px 40px #0006; max-height:calc(100dvh - 110px); overflow:auto; }
    .brand-mobile-nav nav a { display:block; padding:12px 14px; border-radius:7px; color:var(--text-white); text-decoration:none; font-size:14px; }
    .brand-mobile-nav nav a:hover { background:rgba(0,212,255,.07); color:var(--primary-cyan); }
    .reading-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .archive-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .brand-about-hero { gap:32px; }.about-classroom img { height:320px; }.about-learning,.about-literacy { gap:40px; }.about-course-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.about-course-grid article:nth-child(2) { border-right:0; }.about-course-grid article:nth-child(-n+2) { border-bottom:1px solid var(--reading-line); }
}
@media(max-width:768px) {
    .brand-main { padding-top:70px; }.reading-page,.about-page { padding-top:24px; padding-bottom:64px; }.brand-breadcrumb { margin-bottom:30px; gap:8px; font-size:12px; }
    .reading-heading { margin-bottom:26px; }.reading-heading h1 { font-size:32px; }.reading-heading p { font-size:14px; }.reading-nav { gap:8px; margin-bottom:24px; }.reading-nav a { padding:7px 13px; font-size:13px; }.reading-grid { grid-template-columns:1fr; gap:18px; }.reading-card { padding:24px; }.reading-card-meta { margin-bottom:16px; }.archive-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }.archive-month { padding:22px; }.archive-number { font-size:52px; }
    .brand-article-header h1 { font-size:28px; margin-top:14px; line-height:1.6; }.brand-article-meta { font-size:12px; gap:10px; }.brand-article-summary { padding:16px 18px; margin-top:24px; }.brand-article-summary p { font-size:14px; }.brand-prose { font-size:16px; line-height:1.95; }.brand-prose h2 { font-size:22px; }.brand-prose h3 { font-size:19px; }.brand-prose th,.brand-prose td { padding:11px 12px; min-width:85px; }.brand-related li { gap:14px; }.brand-related li a { font-size:15px; }.brand-related .about-block-heading { margin-bottom:12px; }.brand-related h2 { font-size:20px; }
    .brand-about-hero { grid-template-columns:1fr; gap:34px; padding-top:0; padding-bottom:46px; }.about-hero-copy h1 { font-size:38px; margin-bottom:18px; }.about-hero-copy .about-statement { font-size:23px; }.about-hero-copy p { font-size:15px; }.about-classroom { transform:none; }.about-classroom img { height:auto; aspect-ratio:1.5; }.about-actions { gap:20px; }.about-block { padding:42px 0; }.about-block h2,.about-contact h2 { font-size:26px; }.about-learning,.about-literacy { grid-template-columns:1fr; gap:24px; }.about-section-intro h2 br { display:none; }.about-course-grid article { padding:24px 18px; }.about-course-grid h3 { font-size:19px; }.about-course-grid p { font-size:13px; }.about-block-heading { align-items:flex-start; gap:16px; margin-bottom:24px; }.about-process { gap:8px; }.about-process li { font-size:12px; padding:8px 10px; }.about-literacy-list { gap:26px; }.about-literacy-list article { gap:12px; }.about-literacy-list article>i { font-size:20px; }.about-location-grid { grid-template-columns:1fr; gap:16px; }.about-location-grid article { padding:26px; }.about-contact { grid-template-columns:1fr; gap:30px; padding:30px 24px; }.about-contact figure { justify-self:start; }.about-contact figure img { width:160px; height:160px; }.about-phone { font-size:27px; }.about-contact-small { overflow-wrap:anywhere; }
    .article-sticky-ad__inner { flex-direction:column; align-items:flex-start; gap:14px; padding:22px 40px 22px 20px; }
}
@media(max-width:480px) { .archive-grid { grid-template-columns:1fr 1fr; gap:12px; }.archive-month { padding:18px; }.archive-year { font-size:12px; }.archive-count { font-size:12px; }.about-literacy-list { grid-template-columns:1fr; }.brand-page .footer-top { gap:32px 22px; }.brand-page .footer-brand { grid-column:1/-1; }.brand-page .footer-brand p { max-width:none; }.brand-page .footer-nav:last-child { grid-column:1/-1; }.brand-page .footer-copy { line-height:1.9; } }
@media(prefers-reduced-motion:reduce) { .reading-card,.archive-month { transition:none; }.reading-card:hover { transform:none; }.brand-page * { scroll-behavior:auto; } }