/* roulang page: index */
:root{
            --blue:#1769d2;
            --blue-dark:#0d3f89;
            --blue-soft:#eaf3ff;
            --mint:#42a99a;
            --ink:#18263a;
            --muted:#68788d;
            --line:#dce6f1;
            --paper:#ffffff;
            --wash:#f5f8fc;
            --warm:#fffdf8;
            --radius:22px;
            --shadow:0 18px 48px rgba(28,64,111,.10);
            --shadow-sm:0 8px 24px rgba(28,64,111,.08);
            --container:1180px;
        }
        *{box-sizing:border-box;margin:0;padding:0}
        html{scroll-behavior:smooth}
        body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.7}
        a{color:inherit;text-decoration:none}
        button,input,textarea{font:inherit}
        button{cursor:pointer}
        img{max-width:100%;display:block}
        .container{width:min(var(--container),calc(100% - 48px));margin:0 auto}
        .eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-size:13px;font-weight:800;letter-spacing:.12em}
        .eyebrow:before{content:"";width:22px;height:2px;background:var(--mint);border-radius:2px}
        h1,h2,h3{line-height:1.22;letter-spacing:-.035em}
        h1{font-size:clamp(38px,5vw,68px);font-weight:850}
        h2{font-size:clamp(28px,3vw,42px)}
        h3{font-size:20px}
        .section{padding:104px 0}
        .section-head{max-width:700px;margin-bottom:46px}
        .section-head h2{margin:14px 0 15px}
        .section-head p{font-size:16px;color:var(--muted);max-width:650px}
        .section-head.center{text-align:center;margin-left:auto;margin-right:auto}
        .section-head.center .eyebrow{justify-content:center}
        .topbar{height:76px;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(220,230,241,.8);position:sticky;top:0;z-index:50;backdrop-filter:blur(14px)}
        .nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}
        .brand{display:flex;align-items:center;gap:12px;font-weight:850;font-size:18px;color:var(--blue-dark)}
        .brand-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--blue);color:#fff;border-radius:12px 12px 12px 4px;font-size:15px;box-shadow:0 8px 18px rgba(23,105,210,.25)}
        .nav-links{display:flex;align-items:center;gap:7px;list-style:none}
        .nav-links a{display:block;padding:10px 16px;color:#5d6d82;font-size:14px;font-weight:700;border-radius:10px;transition:.25s}
        .nav-links a:hover,.nav-links a.active{color:var(--blue);background:var(--blue-soft)}
        .nav-cta{background:var(--blue)!important;color:#fff!important;padding:11px 19px!important;box-shadow:0 7px 15px rgba(23,105,210,.18)}
        .nav-cta:hover{background:var(--blue-dark)!important;transform:translateY(-1px)}
        .menu-toggle{display:none;border:0;background:var(--blue-soft);color:var(--blue);width:42px;height:40px;border-radius:10px;font-size:21px}
        .hero{position:relative;overflow:hidden;background:linear-gradient(110deg,#f8fbff 0%,#eef6ff 54%,#f9fcfb 100%);padding:76px 0 82px;border-bottom:1px solid var(--line)}
        .hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(23,105,210,.10);border-radius:50%;right:-180px;top:-180px}
        .hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center;position:relative;z-index:1}
        .hero-copy p{font-size:18px;line-height:1.9;color:#5f7085;max-width:650px;margin:24px 0 30px}
        .hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
        .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:12px;padding:13px 22px;font-weight:800;font-size:14px;transition:.25s}
        .btn-primary{background:var(--blue);color:#fff;box-shadow:0 10px 22px rgba(23,105,210,.22)}
        .btn-primary:hover{background:var(--blue-dark);transform:translateY(-2px);box-shadow:0 14px 28px rgba(23,105,210,.26)}
        .btn-ghost{background:#fff;border-color:var(--line);color:var(--blue)}
        .btn-ghost:hover{border-color:var(--blue);background:var(--blue-soft)}
        .creator-panel{background:rgba(255,255,255,.86);border:1px solid #d8e6f5;border-radius:28px;padding:25px;box-shadow:var(--shadow);position:relative}
        .creator-top{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding-bottom:20px}
        .avatar{width:62px;height:62px;border-radius:20px;background:linear-gradient(145deg,#2379de,#59b9ad);display:grid;place-items:center;color:#fff;font-size:24px;font-weight:850;box-shadow:0 10px 20px rgba(31,121,203,.22)}
        .creator-name strong{display:block;font-size:20px}
        .creator-name span{font-size:13px;color:var(--muted)}
        .follow{margin-left:auto;color:var(--blue);border:1px solid #b9d2f1;background:#f7fbff;border-radius:9px;padding:8px 13px;font-weight:800;font-size:13px}
        .follow:hover{background:var(--blue);color:#fff}
        .hero-art{height:275px;margin:22px 0;position:relative;overflow:hidden;border-radius:20px;background:#dceeff}
        .hero-art .sun{position:absolute;width:170px;height:170px;border:1px solid rgba(23,105,210,.18);border-radius:50%;right:50px;top:30px}
        .hero-art .sun:before,.hero-art .sun:after{content:"";position:absolute;border:1px solid rgba(23,105,210,.15);border-radius:50%;inset:18px}
        .hero-art .sun:after{inset:38px}
        .hill-one,.hill-two{position:absolute;bottom:-70px;width:125%;height:180px;border-radius:50% 50% 0 0}
        .hill-one{left:-25%;background:#86c8c0;transform:rotate(-6deg)}
        .hill-two{right:-35%;bottom:-100px;background:#4b8bcf;transform:rotate(7deg)}
        .hero-art .tower{position:absolute;bottom:35px;left:25%;width:68px;height:120px;background:#f7fbff;border:5px solid #477fbe;border-bottom:0;border-radius:40px 40px 0 0}
        .hero-art .tower:before{content:"";position:absolute;top:-20px;left:7px;border-left:24px solid transparent;border-right:24px solid transparent;border-bottom:24px solid #477fbe}
        .hero-art .tower:after{content:"";position:absolute;top:42px;left:22px;width:16px;height:28px;border-radius:8px;background:#87cfc2;box-shadow:0 46px #87cfc2}
        .creator-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
        .creator-stats div{background:#f7faff;border-radius:13px;padding:12px 10px}
        .creator-stats b{display:block;color:var(--blue-dark);font-size:22px}
        .creator-stats span{font-size:12px;color:var(--muted)}
        .mini-note{margin-top:17px;font-size:13px;color:var(--muted);display:flex;gap:8px;align-items:center}
        .mini-note i{width:7px;height:7px;border-radius:50%;background:var(--mint)}
        .light-section{background:var(--wash)}
        .feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
        .feature-card,.scene-card,.matrix-item,.case-card,.quote-card,.concern,.credential{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:.25s}
        .feature-card{padding:28px}
        .feature-card:hover,.scene-card:hover,.case-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
        .icon-box{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--blue-soft);color:var(--blue);font-size:22px;margin-bottom:23px}
        .feature-card h3{margin-bottom:11px}
        .feature-card p,.scene-card p,.case-card p{font-size:14px;color:var(--muted);line-height:1.8}
        .scene-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}
        .scene-card{padding:30px;min-height:220px;position:relative;overflow:hidden}
        .scene-card strong{display:block;color:var(--blue);font-size:13px;margin-bottom:17px}
        .scene-card h3{font-size:25px;margin-bottom:11px}
        .scene-card.featured{background:var(--blue-dark);color:#fff;border-color:var(--blue-dark)}
        .scene-card.featured p{color:#c9d8ed}
        .scene-card.featured strong{color:#8fe0d0}
        .scene-card.featured:after{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(255,255,255,.2);border-radius:50%;right:-50px;bottom:-80px}
        .scene-side{display:grid;grid-template-columns:1fr 1fr;gap:24px}
        .matrix{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
        .matrix-item{padding:22px 18px;background:#fbfdff;box-shadow:none}
        .matrix-item:hover{border-color:#a9c8ed;background:#fff}
        .matrix-item b{display:block;margin:13px 0 6px;font-size:16px}
        .matrix-item span{font-size:13px;color:var(--muted)}
        .credential-row{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
        .credential{padding:22px;text-align:center;box-shadow:none}
        .credential b{display:block;color:var(--blue-dark);font-size:18px;margin-bottom:5px}
        .credential span{font-size:13px;color:var(--muted)}
        .timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
        .timeline:before{content:"";position:absolute;top:17px;left:8%;right:8%;height:2px;background:#cfe0f2}
        .step{position:relative;z-index:1}
        .step-dot{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:800;margin-bottom:20px;border:6px solid #e8f2ff}
        .step h3{font-size:17px;margin-bottom:8px}
        .step p{font-size:14px;color:var(--muted);line-height:1.75}
        .case-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:25px}
        .case-card{overflow:hidden}
        .case-visual{height:180px;background:linear-gradient(135deg,#d8ecff,#8bcac0);position:relative;padding:25px;display:flex;align-items:flex-end}
        .case-visual.alt{background:linear-gradient(135deg,#e7edf8,#adc5e7)}
        .case-visual:after{content:"";position:absolute;width:150px;height:150px;border:1px solid rgba(255,255,255,.7);border-radius:50%;right:30px;top:20px}
        .case-label{position:relative;z-index:1;background:#fff;color:var(--blue-dark);border-radius:9px;padding:8px 12px;font-weight:800;font-size:13px}
        .case-body{padding:23px}
        .case-body h3{margin-bottom:8px}
        .case-body .result{display:inline-block;margin-top:15px;color:var(--mint);font-weight:800;font-size:13px}
        .news-list{display:grid;grid-template-columns:1.1fr .9fr;gap:25px}
        .news-feature{padding:32px;border:1px solid var(--line);border-radius:var(--radius);background:#f7fbff}
        .news-feature .date,.news-item .date{font-size:12px;color:var(--blue);font-weight:800}
        .news-feature h3{font-size:25px;margin:18px 0 12px}
        .news-feature p,.news-item p{color:var(--muted);font-size:14px}
        .news-items{display:grid;gap:13px}
        .news-item{padding:20px;border-bottom:1px solid var(--line)}
        .news-item h3{font-size:17px;margin:5px 0}
        .category-entry{background:linear-gradient(120deg,#0f478f,#1769d2);color:#fff;border-radius:28px;padding:48px 55px;display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden;position:relative}
        .category-entry:after{content:"";position:absolute;width:270px;height:270px;border:1px solid rgba(255,255,255,.2);border-radius:50%;right:80px;top:-150px}
        .category-entry h2{position:relative;z-index:1;margin-bottom:12px}
        .category-entry p{color:#d7e7fa;max-width:620px;position:relative;z-index:1}
        .category-entry .btn{background:#fff;color:var(--blue-dark);position:relative;z-index:1;white-space:nowrap}
        .proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}
        .quote-card{padding:30px;background:#fff}
        .quote-card blockquote{font-size:18px;line-height:1.85;color:#34465c;margin-bottom:20px}
        .quote-card cite{font-style:normal;color:var(--muted);font-size:13px}
        .numbers{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}
        .number-box{padding:25px;background:#f6fbfa;border:1px solid #d3ece7;border-radius:18px}
        .number-box b{font-size:34px;color:var(--blue-dark);display:block}
        .number-box span{font-size:13px;color:var(--muted)}
        .concern-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
        .concern{padding:24px;box-shadow:none}
        .concern b{display:block;margin-bottom:10px;color:var(--blue-dark)}
        .concern p{font-size:14px;color:var(--muted);line-height:1.8}
        .inquiry{background:var(--warm)}
        .form-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}
        .form-intro p{color:var(--muted);margin-top:17px;line-height:1.9}
        .contact-line{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
        .contact-line strong{display:block;color:var(--blue-dark);font-size:18px;margin-top:5px}
        .form-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:29px;box-shadow:var(--shadow-sm)}
        .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
        .field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}
        .field.full{grid-column:1/-1}
        label{font-size:13px;font-weight:800;color:#4c6076}
        input,textarea{width:100%;border:1px solid #d7e3ef;border-radius:10px;padding:12px 13px;outline:0;background:#fbfdff;color:var(--ink);transition:.2s}
        textarea{min-height:110px;resize:vertical}
        input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(23,105,210,.11)}
        .form-note{font-size:12px;color:var(--muted);margin-top:12px}
        .bottom-bar{padding:18px 0;background:#eef6ff;border-top:1px solid #d8e9fb}
        .bottom-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}
        .bottom-inner strong{color:var(--blue-dark)}
        .bottom-inner span{display:block;color:var(--muted);font-size:13px}
        footer{background:#102d52;color:#c3d1e2;padding:52px 0 25px}
        .footer-top{display:flex;justify-content:space-between;gap:40px;padding-bottom:38px;border-bottom:1px solid rgba(255,255,255,.14)}
        .footer-brand{color:#fff;font-size:20px;font-weight:850;margin-bottom:12px}
        .footer-top p{font-size:13px;max-width:420px;line-height:1.8}
        .footer-links{display:flex;gap:40px}
        .footer-links a{font-size:13px;color:#dce9f7;transition:.2s}
        .footer-links a:hover{color:#8fe0d0}
        .copyright{padding-top:22px;font-size:12px;color:#91a7bf;display:flex;justify-content:space-between}
        .toast{position:fixed;right:22px;bottom:82px;background:#102d52;color:#fff;padding:13px 18px;border-radius:10px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s;z-index:80;font-size:14px}
        .toast.show{opacity:1;transform:none}
        :focus-visible{outline:3px solid rgba(23,105,210,.35);outline-offset:3px}
        @media(max-width:1024px){
            .hero-grid{gap:35px}
            .matrix{grid-template-columns:repeat(2,1fr)}
            .section{padding:82px 0}
        }
        @media(max-width:768px){
            .container{width:min(var(--container),calc(100% - 34px))}
            .topbar{height:68px}
            .menu-toggle{display:block}
            .nav-links{display:none;position:absolute;top:68px;left:0;right:0;padding:13px 17px 18px;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow-sm);flex-direction:column;align-items:stretch}
            .nav-links.open{display:flex}
            .nav-links a{text-align:center}
            .hero{padding:56px 0 65px}
            .hero-grid,.scene-layout,.case-layout,.news-list,.form-layout,.proof-grid{grid-template-columns:1fr}
            .hero-copy p{font-size:16px}
            .creator-panel{max-width:600px}
            .feature-grid{grid-template-columns:1fr}
            .scene-side{grid-template-columns:1fr 1fr}
            .credential-row{grid-template-columns:repeat(2,1fr)}
            .timeline{grid-template-columns:1fr 1fr;gap:30px}
            .timeline:before{display:none}
            .concern-wrap{grid-template-columns:1fr}
            .category-entry{padding:35px 28px;display:block}
            .category-entry .btn{margin-top:24px}
            .form-layout{gap:30px}
            .footer-top{display:block}
            .footer-links{margin-top:28px}
        }
        @media(max-width:520px){
            h1{font-size:39px}
            .section{padding:65px 0}
            .hero-actions{display:grid;grid-template-columns:1fr}
            .hero-actions .btn{width:100%}
            .scene-side,.field-grid{grid-template-columns:1fr}
            .creator-stats b{font-size:19px}
            .timeline{grid-template-columns:1fr}
            .numbers{grid-template-columns:1fr 1fr}
            .number-box{padding:18px 14px}
            .number-box b{font-size:27px}
            .bottom-inner{align-items:flex-start;flex-direction:column}
            .bottom-inner .btn{width:100%}
            .footer-links{gap:22px;flex-wrap:wrap}
            .copyright{display:block}
            .copyright span{display:block;margin-top:5px}
        }

/* roulang page: category1 */
:root{
 --blue:#1769d2;
 --blue-dark:#0d3f89;
 --blue-soft:#eaf3ff;
 --mint:#42a99a;
 --ink:#18263a;
 --muted:#68788d;
 --line:#dce6f1;
 --paper:#fff;
 --wash:#f5f8fc;
 --warm:#fffdf8;
 --radius:22px;
 --shadow:0 18px 48px rgba(28,64,111,.10);
 --shadow-sm:0 8px 24px rgba(28,64,111,.08);
 --container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.7}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button{cursor:pointer}
img{max-width:100%;display:block}
.container{width:min(var(--container),calc(100% - 48px));margin:0 auto}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(38px,5vw,66px);line-height:1.18;letter-spacing:-.045em;margin-bottom:20px}
h2{font-size:clamp(28px,3vw,42px);line-height:1.25;letter-spacing:-.03em}
h3{font-size:20px;line-height:1.35}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-size:13px;font-weight:800;letter-spacing:.12em}
.eyebrow:before{content:"";width:22px;height:2px;background:var(--mint);border-radius:2px}
.topbar{height:76px;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(220,230,241,.8);position:sticky;top:0;z-index:50;backdrop-filter:blur(14px)}
.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px;font-weight:850;font-size:18px;color:var(--blue-dark)}
.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--blue);color:#fff;border-radius:12px 12px 12px 4px;font-size:15px;box-shadow:0 8px 18px rgba(23,105,210,.25)}
.nav-links{display:flex;align-items:center;gap:7px;list-style:none;margin:0;padding:0}
.nav-links a{display:block;padding:10px 16px;color:#5d6d82;font-size:14px;font-weight:700;border-radius:10px;transition:.25s}
.nav-links a:hover,.nav-links a.active{color:var(--blue);background:var(--blue-soft)}
.nav-cta{background:var(--blue)!important;color:#fff!important;padding:11px 19px!important;box-shadow:0 7px 15px rgba(23,105,210,.18)}
.nav-cta:hover{background:var(--blue-dark)!important;transform:translateY(-1px)}
.menu-toggle{display:none;border:0;background:var(--blue-soft);color:var(--blue);width:42px;height:40px;border-radius:10px;font-size:21px}
.hero{position:relative;overflow:hidden;background:linear-gradient(110deg,#f8fbff 0%,#eef6ff 54%,#f9fcfb 100%);padding:78px 0 86px;border-bottom:1px solid var(--line)}
.hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(23,105,210,.1);border-radius:50%;right:-180px;top:-180px}
.hero-grid{display:grid;grid-template-columns:1fr .88fr;gap:72px;align-items:center;position:relative;z-index:1}
.hero-copy p{font-size:18px;line-height:1.9;color:#5f7085;max-width:650px;margin:24px 0 30px}
.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:12px;padding:13px 22px;font-weight:800;font-size:14px;transition:.25s}
.btn-primary{background:var(--blue);color:#fff;box-shadow:0 10px 22px rgba(23,105,210,.22)}
.btn-primary:hover{background:var(--blue-dark);transform:translateY(-2px)}
.btn-ghost{background:#fff;border-color:var(--line);color:var(--blue)}
.btn-ghost:hover{border-color:var(--blue);background:var(--blue-soft)}
.story-panel{position:relative;min-height:340px;border:1px solid #cbdff2;border-radius:28px;background:#fff;box-shadow:var(--shadow);overflow:hidden;padding:28px}
.story-panel:before{content:"";position:absolute;inset:18px;border:1px solid rgba(23,105,210,.12);border-radius:20px;pointer-events:none}
.panel-orbit{position:absolute;width:245px;height:245px;border:1px solid rgba(23,105,210,.18);border-radius:50%;right:-32px;top:35px}
.panel-orbit:before,.panel-orbit:after{content:"";position:absolute;border:1px solid rgba(66,169,154,.24);border-radius:50%;inset:28px}
.panel-orbit:after{inset:62px}
.panel-label{position:relative;z-index:2;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.14em}
.panel-title{position:relative;z-index:2;max-width:230px;margin-top:70px;font-size:31px;line-height:1.35}
.panel-note{position:absolute;z-index:2;left:28px;bottom:28px;color:var(--muted);font-size:13px}
.panel-star{position:absolute;right:92px;top:112px;color:var(--mint);font-size:42px}
.section{padding:104px 0}
.light-section{background:var(--wash)}
.section-head{max-width:720px;margin-bottom:45px}
.section-head h2{margin:14px 0}
.section-head p{color:var(--muted);font-size:16px;max-width:660px}
.section-head.center{text-align:center;margin-left:auto;margin-right:auto}
.section-head.center .eyebrow{justify-content:center}
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.stat{padding:25px 24px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm)}
.stat strong{display:block;font-size:32px;color:var(--blue-dark);line-height:1.2;margin-bottom:7px}
.stat span{font-size:13px;color:var(--muted)}
.theme-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:28px;align-items:stretch}
.theme-intro{padding:34px;border-radius:var(--radius);background:var(--blue-dark);color:#fff;position:relative;overflow:hidden}
.theme-intro:after{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(255,255,255,.2);border-radius:50%;right:-70px;bottom:-68px}
.theme-intro h3{font-size:28px;margin:20px 0 14px}
.theme-intro p{color:#cbd9ec;font-size:15px}
.theme-intro .mini-tag{display:inline-block;color:#8fe0d0;border:1px solid rgba(143,224,208,.4);padding:5px 10px;border-radius:20px;font-size:12px}
.theme-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.theme-item{padding:23px 22px;background:#fff;border:1px solid var(--line);border-radius:18px;transition:.25s}
.theme-item:hover{transform:translateY(-4px);border-color:#a9c8ed;box-shadow:var(--shadow-sm)}
.theme-item b{display:block;font-size:18px;margin-bottom:8px}
.theme-item span{display:block;color:var(--muted);font-size:13px;line-height:1.75}
.cover-grid{display:grid;grid-template-columns:1.18fr .82fr .82fr;gap:18px}
.cover-card{min-height:300px;border-radius:var(--radius);overflow:hidden;position:relative;background:#dceeff;border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:.25s}
.cover-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.cover-card.large{min-height:380px}
.cover-art{position:absolute;inset:0;background:linear-gradient(145deg,#d9efff 0%,#f8fcff 48%,#b8d8ef 100%)}
.cover-card:nth-child(2) .cover-art{background:linear-gradient(145deg,#e1f5ef,#fffdf7 52%,#b5d9d2)}
.cover-card:nth-child(3) .cover-art{background:linear-gradient(145deg,#e7edff,#fff 52%,#c5d1ed)}
.cover-art:before{content:"";position:absolute;width:210px;height:210px;border:1px solid rgba(23,105,210,.2);border-radius:50%;right:-48px;top:32px}
.cover-art:after{content:"";position:absolute;width:105px;height:105px;border:1px solid rgba(66,169,154,.3);border-radius:50%;right:5px;top:85px}
.cover-content{position:absolute;left:25px;right:25px;bottom:22px;z-index:2}
.cover-content:before{content:"";position:absolute;z-index:-1;left:-25px;right:-25px;bottom:-22px;height:150px;background:linear-gradient(transparent,rgba(13,63,137,.88))}
.cover-content h3{color:#fff;margin:10px 0 5px;font-size:23px}
.cover-content p{color:#e7f0fb;font-size:13px;margin:0}
.tag{display:inline-flex;padding:5px 10px;border-radius:20px;background:rgba(255,255,255,.86);color:var(--blue-dark);font-size:12px;font-weight:800}
.timeline{position:relative;border-left:2px solid #c8dcef;margin:12px 0 0 12px;padding-left:34px}
.timeline-item{position:relative;padding:4px 0 30px}
.timeline-item:last-child{padding-bottom:0}
.timeline-item:before{content:"";position:absolute;width:11px;height:11px;background:var(--mint);border:3px solid #e7f6f3;border-radius:50%;left:-41px;top:10px}
.timeline-item time{display:block;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.08em;margin-bottom:6px}
.timeline-item h3{margin-bottom:6px}
.timeline-item p{font-size:14px;color:var(--muted);margin:0;max-width:680px}
.news-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:25px}
.news-feature{padding:32px;border:1px solid var(--line);border-radius:var(--radius);background:#f7fbff}
.news-feature h3{font-size:26px;margin:15px 0 10px}
.news-feature p,.news-item p{font-size:14px;color:var(--muted)}
.news-list{display:flex;flex-direction:column;gap:14px}
.news-item{padding:20px 22px;border:1px solid var(--line);border-radius:17px;background:#fff;transition:.25s}
.news-item:hover{border-color:#a9c8ed;box-shadow:var(--shadow-sm)}
.news-item .date{font-size:12px;color:var(--mint);font-weight:800}
.news-item h3{font-size:17px;margin:6px 0}
.inquiry{background:var(--blue-dark);color:#fff;padding:72px 0;position:relative;overflow:hidden}
.inquiry:after{content:"";position:absolute;width:390px;height:390px;border:1px solid rgba(255,255,255,.15);border-radius:50%;right:-90px;top:-170px}
.inquiry-grid{display:flex;align-items:center;justify-content:space-between;gap:32px;position:relative;z-index:1}
.inquiry h2{margin-bottom:12px}
.inquiry p{color:#cbd9ec;max-width:650px;margin:0}
.inquiry .btn-primary{background:#fff;color:var(--blue-dark);box-shadow:none}
.inquiry .btn-primary:hover{background:#e9f3ff}
footer{background:#102d5c;color:#d8e5f5;padding:42px 0 24px}
.footer-top{display:flex;justify-content:space-between;gap:40px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.14)}
.footer-brand{font-size:19px;font-weight:850;color:#fff;margin-bottom:10px}
.footer-top p{font-size:13px;color:#aebfd6;max-width:430px;margin:0}
.footer-links{display:flex;gap:22px;align-items:flex-start;flex-wrap:wrap}
.footer-links a{font-size:13px;color:#cbd9ec;transition:.2s}
.footer-links a:hover{color:#fff}
.copyright{display:flex;justify-content:space-between;gap:20px;padding-top:20px;color:#91a9c5;font-size:12px}
:focus-visible{outline:3px solid rgba(66,169,154,.55);outline-offset:3px}
@media(max-width:900px){
 .hero-grid,.theme-layout,.news-wrap{grid-template-columns:1fr}
 .hero-grid{gap:38px}
 .cover-grid{grid-template-columns:1fr 1fr}
 .cover-card.large{grid-column:span 2}
 .stat-row{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
 .container{width:min(var(--container),calc(100% - 32px))}
 .topbar{height:68px}
 .brand{font-size:15px}
 .brand-mark{width:34px;height:34px}
 .menu-toggle{display:block}
 .nav-links{display:none;position:absolute;top:68px;left:16px;right:16px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}
 .nav-links.open{display:flex}
 .nav-links a{padding:12px 14px}
 .hero{padding:58px 0 64px}
 .hero-copy p{font-size:16px}
 .section{padding:74px 0}
 .story-panel{min-height:290px}
 .theme-list,.cover-grid{grid-template-columns:1fr}
 .cover-card.large{grid-column:auto}
 .cover-card,.cover-card.large{min-height:300px}
 .stat-row{gap:10px}
 .stat{padding:19px 15px}
 .stat strong{font-size:26px}
 .inquiry-grid,.footer-top,.copyright{flex-direction:column;align-items:flex-start}
 .footer-links{gap:14px}
}