/* roulang page: index */
:root{
      --ink:#17314f;
      --muted:#64778c;
      --blue:#2169c8;
      --blue-dark:#1756a9;
      --blue-pale:#eaf4ff;
      --ice:#f5f9fd;
      --paper:#fffdfa;
      --line:#dce8f3;
      --indigo:#5366b7;
      --green:#16876b;
      --green-pale:#e8f7f1;
      --amber:#b67610;
      --amber-pale:#fff7e7;
      --red:#c6535d;
      --shadow:0 18px 46px rgba(30,74,118,.10);
      --shadow-sm:0 8px 24px rgba(30,74,118,.08);
      --radius:18px;
      --radius-lg:26px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;background:var(--paper);color:var(--ink);
      font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;
      font-size:15px;line-height:1.75;overflow-x:hidden;
    }
    a{color:inherit;text-decoration:none;transition:.2s ease}
    button,input,select,textarea{font:inherit}
    img{max-width:100%;display:block}
    :focus-visible{outline:3px solid rgba(33,105,200,.35);outline-offset:3px}
    .site-shell{overflow:hidden}
    .container-xxl{max-width:1260px}
    .utility-bar{
      background:#eff6fc;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted);
    }
    .utility-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:16px}
    .utility-note{display:flex;align-items:center;gap:8px}
    .pulse-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--green);box-shadow:0 0 0 4px rgba(22,135,107,.11)}
    .utility-links{display:flex;gap:16px;white-space:nowrap}
    .utility-links a:hover{color:var(--blue)}
    .main-nav{
      position:sticky;top:0;z-index:1030;background:rgba(255,253,250,.95);
      backdrop-filter:blur(12px);border-bottom:1px solid rgba(220,232,243,.9);
    }
    .nav-inner{min-height:78px;display:flex;align-items:center;gap:22px}
    .brand{display:inline-flex;align-items:center;gap:10px;min-width:206px;font-weight:800;letter-spacing:-.4px;color:var(--ink);line-height:1.15}
    .brand-mark{position:relative;width:32px;height:32px;border-radius:10px;background:var(--blue);display:grid;place-items:center;box-shadow:0 8px 18px rgba(33,105,200,.25)}
    .brand-mark:after{content:"";margin-left:2px;border-left:9px solid white;border-top:6px solid transparent;border-bottom:6px solid transparent}
    .brand-text small{display:block;margin-top:3px;color:var(--amber);font-size:10px;font-weight:800;letter-spacing:.8px}
    .desktop-menu{display:flex;align-items:center;gap:4px;margin:0 auto}
    .desktop-menu a,.offcanvas-nav a{position:relative;padding:9px 12px;border-radius:9px;color:#496177;font-size:14px;font-weight:700}
    .desktop-menu a:hover,.desktop-menu a.active{color:var(--blue);background:var(--blue-pale)}
    .desktop-menu a.active:after{content:"";position:absolute;height:2px;border-radius:3px;background:var(--blue);left:12px;right:12px;bottom:3px}
    .nav-actions{display:flex;align-items:center;gap:9px}
    .command-search{height:40px;width:210px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:0 10px;color:var(--muted)}
    .command-search input{border:0;outline:0;min-width:0;width:100%;font-size:12px;color:var(--ink);background:transparent}
    .command-search kbd{font-size:10px;color:#8495a7;background:#f3f7fa;border:1px solid #e1e9f0;border-radius:4px;padding:1px 4px}
    .quick-link{font-size:13px;font-weight:700;color:#526c84;padding:8px 4px}
    .quick-link:hover{color:var(--blue)}
    .btn-main,.btn-outline,.btn-soft{
      min-height:42px;border-radius:10px;padding:9px 17px;font-size:14px;font-weight:750;
      display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid transparent;transition:.22s ease;
    }
    .btn-main{background:var(--blue);color:#fff;box-shadow:0 8px 16px rgba(33,105,200,.18)}
    .btn-main:hover{background:var(--blue-dark);color:#fff;transform:translateY(-2px);box-shadow:0 12px 22px rgba(33,105,200,.23)}
    .btn-outline{background:#fff;color:var(--blue);border-color:#bfd6ef}
    .btn-outline:hover{background:var(--blue-pale);border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}
    .btn-soft{background:var(--blue-pale);color:var(--blue)}
    .btn-soft:hover{background:#dceeff;color:var(--blue-dark)}
    .navbar-toggler{border:1px solid var(--line);padding:7px 9px;border-radius:10px}
    .navbar-toggler:focus{box-shadow:0 0 0 3px rgba(33,105,200,.18)}
    .offcanvas{max-width:320px;background:var(--paper)}
    .offcanvas-header{border-bottom:1px solid var(--line)}
    .offcanvas-nav{display:grid;gap:6px}
    .offcanvas-nav a.active{color:var(--blue);background:var(--blue-pale)}
    .mobile-search{width:100%;height:46px;margin:14px 0}
    .hero{position:relative;padding:58px 0 30px;background:linear-gradient(180deg,#f8fbff 0%,var(--paper) 100%)}
    .hero:before{content:"";position:absolute;width:600px;height:600px;border:1px solid rgba(46,119,195,.11);border-radius:50%;right:-230px;top:-290px;box-shadow:0 0 0 45px rgba(46,119,195,.035),0 0 0 90px rgba(46,119,195,.025)}
    .hero-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:stretch}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #cfe0f0;background:#fff;border-radius:50px;padding:6px 11px;color:#52708b;font-size:12px;font-weight:750}
    .eyebrow b{color:var(--blue);font-size:11px;letter-spacing:.8px}
    h1,h2,h3,p{margin-top:0}
    h1{font-size:clamp(34px,4vw,57px);line-height:1.17;letter-spacing:-2px;font-weight:850;margin:18px 0}
    .hero-copy{font-size:16px;color:#516a82;max-width:650px;line-height:1.9;margin-bottom:23px}
    .hero-buttons{display:flex;flex-wrap:wrap;gap:11px}
    .hero-facts{display:flex;flex-wrap:wrap;gap:20px;margin-top:27px;padding-top:19px;border-top:1px solid var(--line)}
    .fact{display:flex;flex-direction:column;line-height:1.25}
    .fact strong{font-size:14px;color:var(--ink)}
    .fact span{font-size:12px;color:var(--muted);margin-top:4px}
    .access-stage{background:#fff;border:1px solid #d5e5f3;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px;position:relative;overflow:hidden}
    .access-stage:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--blue),#6ba4e8 65%,#a0d8c9)}
    .stage-head{display:flex;justify-content:space-between;gap:14px;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--line)}
    .stage-title{font-weight:800;font-size:15px}
    .stage-meta{font-size:11px;color:var(--muted);text-align:right}
    .readiness{display:grid;grid-template-columns:128px 1fr;gap:17px;align-items:center;padding:22px 0 17px}
    .progress-ring{width:118px;height:118px;border-radius:50%;background:conic-gradient(var(--blue) 0 72%,#e6eff7 72% 100%);display:grid;place-items:center;position:relative}
    .progress-ring:before{content:"";position:absolute;inset:10px;background:white;border-radius:50%}
    .progress-number{position:relative;text-align:center;font-size:24px;line-height:1;font-weight:850;color:var(--blue)}
    .progress-number small{display:block;font-size:10px;color:var(--muted);font-weight:700;margin-top:6px}
    .readiness h3{font-size:17px;margin-bottom:6px;font-weight:800}
    .readiness p{font-size:13px;line-height:1.65;color:var(--muted);margin-bottom:10px}
    .mini-line{height:5px;border-radius:99px;background:#eaf1f7;overflow:hidden}
    .mini-line i{display:block;width:72%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),#72a8e3)}
    .access-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
    .tier{border:1px solid var(--line);border-radius:12px;padding:10px;background:#fbfdff}
    .tier strong{display:block;font-size:12px;margin-bottom:3px}
    .tier span{display:block;font-size:11px;color:var(--muted);line-height:1.45}
    .tier.active{border-color:#9bc4eb;background:var(--blue-pale)}
    .stage-foot{margin-top:16px;display:flex;justify-content:space-between;gap:12px;align-items:center;background:var(--amber-pale);border:1px solid #f2d79d;border-radius:11px;padding:10px 12px;font-size:12px;color:#77531a}
    .notice-bar{position:relative;margin-top:27px;border:1px solid #d5e5f3;background:#fff;padding:13px 17px;border-radius:13px;display:flex;align-items:center;gap:12px;color:#516b82;font-size:13px;box-shadow:var(--shadow-sm)}
    .notice-icon{width:27px;height:27px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:var(--amber-pale);color:var(--amber);font-weight:900}
    section{padding:88px 0}
    .section-kicker{color:var(--blue);font-size:12px;font-weight:850;letter-spacing:1.2px;margin-bottom:8px}
    .section-heading{font-size:clamp(27px,3vw,38px);line-height:1.25;letter-spacing:-1.2px;font-weight:850;margin-bottom:11px}
    .section-intro{max-width:680px;color:var(--muted);font-size:15px;margin-bottom:31px}
    .service-zone{background:var(--ice)}
    .service-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}
    .feature-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:25px;transition:.22s ease}
    .feature-card:hover{transform:translateY(-3px);border-color:#b8d5ef;box-shadow:var(--shadow)}
    .feature-card.large{min-height:294px;background:linear-gradient(145deg,#fff 0%,#eef7ff 100%);display:flex;flex-direction:column;justify-content:space-between}
    .icon-box{width:42px;height:42px;display:grid;place-items:center;background:var(--blue-pale);border-radius:12px;color:var(--blue);font-size:20px;font-weight:800;margin-bottom:18px}
    .feature-card h3{font-size:20px;font-weight:850;margin-bottom:7px}
    .feature-card p{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:15px}
    .feature-card .action-link{font-size:13px;font-weight:800;color:var(--blue)}
    .feature-card .action-link:hover{color:var(--blue-dark)}
    .status-chip{display:inline-flex;align-items:center;gap:6px;border-radius:30px;padding:4px 8px;background:var(--green-pale);color:var(--green);font-size:11px;font-weight:800}
    .status-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
    .small-features{display:grid;gap:22px}
    .small-features .feature-card{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;padding:18px 20px}
    .small-features .icon-box{margin:0;width:44px;height:44px}
    .small-features h3{font-size:16px;margin:0 0 3px}
    .small-features p{margin:0;font-size:12px}
    .data-section{padding-bottom:36px}
    .data-panel{background:var(--ink);color:white;border-radius:var(--radius-lg);padding:27px 30px;box-shadow:0 20px 48px rgba(23,49,79,.18);position:relative;overflow:hidden}
    .data-panel:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.1);right:-180px;bottom:-320px;border-radius:50%;box-shadow:0 0 0 40px rgba(255,255,255,.03)}
    .data-top{position:relative;display:flex;justify-content:space-between;gap:20px;align-items:end;border-bottom:1px solid rgba(255,255,255,.16);padding-bottom:17px}
    .data-top h2{font-size:24px;font-weight:850;margin:0}
    .data-top p{color:#b8c9d8;font-size:13px;margin:4px 0 0}
    .data-source{font-size:11px;color:#b8c9d8;white-space:nowrap}
    .metrics{position:relative;display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:0;margin-top:19px}
    .metric{padding:6px 22px;border-left:1px solid rgba(255,255,255,.14)}
    .metric:first-child{border-left:0;padding-left:0}
    .metric strong{display:block;font-size:26px;letter-spacing:-.7px}
    .metric span{display:block;color:#b8c9d8;font-size:12px;margin:3px 0 9px}
    .metric .bar{height:4px;background:rgba(255,255,255,.16);border-radius:5px;overflow:hidden}
    .metric .bar i{display:block;height:100%;background:#73b7f0;border-radius:inherit}
    .examples{background:linear-gradient(180deg,var(--paper),#f5f9fd)}
    .content-board{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:stretch}
    .main-entry{border:1px solid var(--line);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:22px;display:grid;grid-template-columns:180px 1fr;gap:20px}
    .poster{min-height:210px;border-radius:15px;background:linear-gradient(145deg,#dcecfb,#a9c8e9);position:relative;overflow:hidden}
    .poster:before,.poster:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.35)}
    .poster:before{width:130px;height:130px;left:-25px;top:26px}
    .poster:after{width:205px;height:205px;right:-94px;bottom:-55px}
    .poster-label{position:absolute;bottom:12px;left:12px;color:#fff;background:rgba(23,49,79,.72);backdrop-filter:blur(4px);padding:5px 8px;border-radius:7px;font-size:11px;font-weight:800}
    .entry-overline{font-size:11px;color:var(--blue);font-weight:850;letter-spacing:.8px}
    .main-entry h3{font-size:21px;font-weight:850;margin:7px 0}
    .entry-desc{font-size:13px;color:var(--muted);margin-bottom:13px}
    .tag-row{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:17px}
    .tag{font-size:11px;font-weight:750;padding:4px 8px;border-radius:6px;background:#f0f5f9;color:#597087}
    .tag.green{background:var(--green-pale);color:var(--green)}
    .tag.amber{background:var(--amber-pale);color:var(--amber)}
    .entry-actions{display:flex;flex-wrap:wrap;gap:9px}
    .list-board{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;padding:10px;box-shadow:var(--shadow-sm)}
    .list-title{font-size:15px;font-weight:850;padding:12px 10px;border-bottom:1px solid var(--line)}
    .compact-entry{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:14px 10px;border-bottom:1px solid #edf3f7}
    .compact-entry:last-child{border:0}
    .entry-no{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--blue-pale);color:var(--blue);font-size:11px;font-weight:850}
    .compact-entry strong{display:block;font-size:13px;line-height:1.4}
    .compact-entry span{display:block;color:var(--muted);font-size:11px;margin-top:2px}
    .compact-entry a{font-size:12px;font-weight:800;color:var(--blue);white-space:nowrap}
    .compact-entry a:hover{color:var(--blue-dark)}
    .method-section{padding-top:65px}
    .method-wrap{display:grid;grid-template-columns:.86fr 1.14fr;gap:38px;align-items:start}
    .filter-console{background:#edf6ff;border:1px solid #d3e5f6;border-radius:var(--radius-lg);padding:25px}
    .filter-console h3{font-size:20px;font-weight:850;margin-bottom:9px}
    .filter-console p{font-size:13px;color:var(--muted);margin-bottom:18px}
    .filter-lines{display:grid;gap:10px}
    .filter-line{display:flex;justify-content:space-between;align-items:center;background:white;border:1px solid #dce9f4;border-radius:10px;padding:9px 11px;font-size:12px;color:#526b84}
    .filter-line b{color:var(--ink);font-size:12px}
    .workflow{position:relative;padding-top:9px}
    .workflow:before{content:"";position:absolute;left:23px;top:44px;bottom:48px;width:1px;background:#c9dceb}
    .step{position:relative;display:grid;grid-template-columns:48px 1fr;gap:18px;padding-bottom:26px}
    .step-number{width:47px;height:47px;border-radius:14px;display:grid;place-items:center;color:var(--blue);background:var(--blue-pale);border:1px solid #bed8f0;font-weight:850;z-index:1}
    .step h3{font-size:18px;font-weight:850;margin:2px 0 5px}
    .step p{font-size:13px;color:var(--muted);margin:0;max-width:580px}
    .news-section{background:var(--ice)}
    .news-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:25px}
    .news-list{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:5px 22px;box-shadow:var(--shadow-sm)}
    .news-item{display:grid;grid-template-columns:95px 1fr auto;gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid #e8f0f6}
    .news-item:last-child{border:0}
    .news-date{font-size:12px;color:var(--blue);font-weight:850}
    .news-item h3{font-size:15px;margin:0 0 3px;font-weight:800}
    .news-item p{font-size:12px;color:var(--muted);margin:0}
    .arrow-link{color:var(--blue);font-size:18px;font-weight:850}
    .news-side{border-radius:var(--radius);background:var(--ink);padding:27px;color:#fff;box-shadow:var(--shadow-sm)}
    .news-side .section-kicker{color:#82bdf2}
    .news-side h3{font-weight:850;font-size:23px;margin-bottom:9px}
    .news-side p{color:#bdcedc;font-size:13px}
    .check-list{list-style:none;padding:0;margin:19px 0}
    .check-list li{position:relative;padding:8px 0 8px 24px;border-bottom:1px solid rgba(255,255,255,.12);font-size:13px;color:#e0eaf2}
    .check-list li:before{content:"✓";position:absolute;left:0;top:8px;color:#7ed0b9;font-weight:900}
    .safety-section{padding-top:72px}
    .safety-panel{display:flex;align-items:flex-start;gap:14px;background:var(--amber-pale);border:1px solid #efd69e;border-radius:14px;padding:17px 20px;color:#73551e;margin-bottom:28px}
    .safety-panel strong{display:block;color:#674816;margin-bottom:3px;font-size:14px}
    .safety-panel p{font-size:13px;margin:0;line-height:1.7}
    .faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:32px;align-items:start}
    .faq-intro h2{font-size:32px;font-weight:850;line-height:1.3}
    .faq-intro p{color:var(--muted);font-size:14px}
    .accordion-item{border:1px solid var(--line)!important;border-radius:12px!important;margin-bottom:10px;overflow:hidden;background:#fff;box-shadow:0 5px 14px rgba(30,74,118,.04)}
    .accordion-button{font-size:14px;font-weight:800;color:var(--ink);background:#fff;padding:17px 18px;box-shadow:none!important}
    .accordion-button:not(.collapsed){color:var(--blue);background:var(--blue-pale)}
    .accordion-button:after{background-size:13px}
    .accordion-body{font-size:13px;color:var(--muted);line-height:1.8;padding:0 18px 17px;background:#fff}
    .contact-section{padding-top:65px;background:#f7fbff}
    .contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px}
    .contact-copy{padding:18px 0}
    .contact-copy h2{font-size:34px;line-height:1.3;font-weight:850;margin-bottom:12px}
    .contact-copy>p{color:var(--muted);font-size:14px;max-width:420px}
    .contact-points{display:grid;gap:12px;margin-top:25px}
    .contact-point{display:flex;gap:11px;align-items:flex-start;color:#526b84;font-size:13px}
    .contact-point b{display:block;color:var(--ink);font-size:14px;margin-bottom:2px}
    .point-icon{width:30px;height:30px;flex:0 0 auto;border-radius:9px;background:#e4f1fc;color:var(--blue);display:grid;place-items:center;font-weight:850}
    .contact-form{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow-sm)}
    .form-label{font-size:12px;font-weight:800;color:#456078;margin-bottom:6px}
    .form-control,.form-select{border:1px solid #d7e5f0;border-radius:9px;padding:10px 12px;font-size:13px;color:var(--ink);background:#fbfdff}
    .form-control:focus,.form-select:focus{border-color:#82b5e6;box-shadow:0 0 0 3px rgba(33,105,200,.1);background:#fff}
    textarea.form-control{min-height:108px;resize:vertical}
    .form-note{font-size:11px;color:var(--muted);line-height:1.6}
    .form-check-label{font-size:12px;color:var(--muted)}
    .submit-status{display:none;color:var(--green);font-size:12px;margin-top:10px}
    .submit-status.show{display:block}
    .cta-strip{padding:42px 0}
    .cta-inner{border-radius:var(--radius-lg);background:linear-gradient(110deg,#eaf4ff,#f3f8ff);border:1px solid #cfe2f3;padding:28px 34px;display:flex;justify-content:space-between;align-items:center;gap:25px}
    .cta-inner h2{font-size:25px;font-weight:850;margin:0 0 5px}
    .cta-inner p{color:var(--muted);font-size:13px;margin:0}
    .site-footer{background:#edf4f9;border-top:1px solid var(--line);padding:47px 0 22px;color:#597187}
    .footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:30px;padding-bottom:33px}
    .footer-brand{font-size:16px;font-weight:850;color:var(--ink);display:flex;align-items:center;gap:9px;margin-bottom:12px}
    .footer-brand .brand-mark{width:27px;height:27px;border-radius:8px}
    .footer-brand .brand-mark:after{border-left-width:8px;border-top-width:5px;border-bottom-width:5px}
    .footer-copy{font-size:12px;line-height:1.75;max-width:285px;margin-bottom:13px}
    .age-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid #e6c77c;background:#fff8e7;color:#916416;border-radius:7px;padding:5px 9px;font-size:11px;font-weight:850}
    .footer-col h3{font-size:13px;color:var(--ink);font-weight:850;margin:4px 0 13px}
    .footer-col a{display:block;font-size:12px;padding:4px 0;color:#61778a}
    .footer-col a:hover{color:var(--blue);transform:translateX(2px)}
    .footer-bottom{border-top:1px solid #d8e5ee;padding-top:17px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#7890a2}
    .footer-bottom span:last-child{text-align:right}
    @media(max-width:1199px){
      .nav-actions .quick-link{display:none}.command-search{width:190px}
    }
    @media(max-width:991px){
      .desktop-menu{display:none}.nav-inner{min-height:70px}.brand{min-width:0}
      .mobile-toggle{display:block!important}.hero{padding-top:43px}
      .hero-grid,.service-layout,.content-board,.method-wrap,.news-layout,.contact-layout,.faq-grid{grid-template-columns:1fr}
      .access-stage{max-width:680px;width:100%;margin:0 auto}
      .metrics{grid-template-columns:repeat(2,1fr);gap:15px}
      .metric,.metric:first-child{border-left:0;padding:8px 0}
      .metric:nth-child(odd){border-right:1px solid rgba(255,255,255,.14);padding-right:18px}
      .metric:nth-child(even){padding-left:18px}
      .footer-grid{grid-template-columns:1.4fr 1fr 1fr}
      .footer-col:last-child{grid-column:2}
    }
    .mobile-toggle{display:none}
    @media(max-width:767px){
      body{font-size:14px}.utility-inner{min-height:39px}.utility-links{display:none}
      .nav-actions .command-search{width:145px}.nav-actions .btn-main{padding:8px 11px;font-size:12px}
      .brand-text{font-size:13px}.brand-text small{font-size:9px}
      section{padding:60px 0}.hero{padding:35px 0 22px}
      h1{font-size:36px;letter-spacing:-1.3px}.hero-copy{font-size:14px}
      .readiness{grid-template-columns:105px 1fr;gap:12px}.progress-ring{width:100px;height:100px}
      .access-tiers{grid-template-columns:1fr}.stage-foot{align-items:flex-start;flex-direction:column}
      .small-features{gap:14px}.small-features .feature-card{grid-template-columns:43px 1fr}
      .small-features .feature-card .action-link{grid-column:2}
      .data-panel{padding:22px 20px}.data-top{display:block}.data-source{display:block;margin-top:8px}
      .metrics{gap:4px}.metric:nth-child(odd){padding-right:10px}.metric:nth-child(even){padding-left:10px}
      .main-entry{grid-template-columns:1fr;padding:17px}.poster{min-height:150px}
      .news-item{grid-template-columns:74px 1fr auto;gap:9px}.news-item h3{font-size:13px}
      .cta-inner{padding:24px 21px;display:block}.cta-inner .btn-main{margin-top:17px}
      .contact-form{padding:19px}.footer-grid{grid-template-columns:1fr 1fr;gap:22px}
      .footer-grid>div:first-child{grid-column:1/-1}.footer-col:last-child{grid-column:auto}
      .footer-bottom{display:block}.footer-bottom span{display:block;margin-top:5px}.footer-bottom span:last-child{text-align:left}
    }
    @media(max-width:520px){
      .nav-actions .command-search{display:none}.nav-actions{margin-left:auto}.nav-actions .btn-main{min-height:40px}
      .hero-buttons .btn-main,.hero-buttons .btn-outline{width:100%}.hero-facts{gap:13px;justify-content:space-between}
      .hero-facts .fact strong{font-size:12px}.hero-facts .fact span{font-size:10px}
      .readiness{grid-template-columns:1fr;text-align:center}.progress-ring{margin:auto}
      .readiness .mini-line{text-align:left}.section-heading{font-size:29px}
      .compact-entry{grid-template-columns:34px 1fr}.compact-entry a{grid-column:2}
      .filter-console{padding:19px}.workflow:before{left:20px}.step{grid-template-columns:41px 1fr;gap:13px}.step-number{width:41px;height:41px}
      .footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child,.footer-col:last-child{grid-column:auto}
    }

/* roulang page: category1 */
:root{
      --ink:#17314f;--muted:#64778c;--blue:#2169c8;--blue-dark:#1756a9;
      --blue-pale:#eaf4ff;--ice:#f5f9fd;--paper:#fffdfa;--line:#dce8f3;
      --indigo:#5366b7;--green:#16876b;--green-pale:#e8f7f1;
      --amber:#b67610;--amber-pale:#fff7e7;--red:#c6535d;
      --shadow:0 18px 46px rgba(30,74,118,.10);--shadow-sm:0 8px 24px rgba(30,74,118,.08);
      --radius:18px;--radius-lg:26px
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:15px;line-height:1.75;overflow-x:hidden}
    a{color:inherit;text-decoration:none;transition:.2s ease}
    a:hover{color:var(--blue)}
    button,input,select,textarea{font:inherit}
    img{max-width:100%;display:block}
    .container-xxl{max-width:1260px}
    .main-nav{position:sticky;top:0;z-index:1030;background:rgba(255,253,250,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(220,232,243,.9)}
    .nav-inner{min-height:78px;display:flex;align-items:center;gap:22px}
    .brand{display:inline-flex;align-items:center;gap:10px;min-width:206px;font-weight:800;letter-spacing:-.4px;color:var(--ink);line-height:1.15}
    .brand-mark{position:relative;width:32px;height:32px;border-radius:10px;background:var(--blue);display:grid;place-items:center;box-shadow:0 8px 18px rgba(33,105,200,.25);flex:none}
    .brand-mark:after{content:"";margin-left:2px;border-left:9px solid white;border-top:6px solid transparent;border-bottom:6px solid transparent}
    .brand-text small{display:block;margin-top:3px;color:var(--amber);font-size:10px;font-weight:800;letter-spacing:.8px}
    .desktop-menu{display:flex;align-items:center;gap:4px;margin:0 auto}
    .desktop-menu a,.offcanvas-nav a{position:relative;padding:9px 12px;border-radius:9px;color:#496177;font-size:14px;font-weight:700}
    .desktop-menu a:hover,.desktop-menu a.active{color:var(--blue);background:var(--blue-pale)}
    .desktop-menu a.active:after{content:"";position:absolute;height:2px;border-radius:3px;background:var(--blue);left:12px;right:12px;bottom:3px}
    .nav-actions{display:flex;align-items:center;gap:9px}
    .command-search{height:40px;width:210px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:0 10px;color:var(--muted)}
    .command-search input{border:0;outline:0;min-width:0;width:100%;font-size:12px;color:var(--ink);background:transparent}
    .command-search kbd{font-size:10px;color:#8495a7;background:#f3f7fa;border:1px solid #e1e9f0;border-radius:4px;padding:1px 4px}
    .quick-link{font-size:13px;color:var(--muted);font-weight:700;padding:8px 4px}
    .quick-link:hover{color:var(--blue)}
    .btn-main,.btn-outline,.btn-soft{min-height:42px;border-radius:10px;padding:9px 17px;font-size:14px;font-weight:750;display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid transparent;transition:.22s ease}
    .btn-main{background:var(--blue);color:#fff;box-shadow:0 8px 16px rgba(33,105,200,.18)}
    .btn-main:hover{background:var(--blue-dark);color:#fff;transform:translateY(-2px);box-shadow:0 12px 22px rgba(33,105,200,.23)}
    .btn-outline{background:#fff;color:var(--blue);border-color:#bfd6ef}
    .btn-outline:hover{background:var(--blue-pale);border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}
    .btn-soft{background:var(--blue-pale);color:var(--blue)}
    .btn-soft:hover{background:#dceeff;color:var(--blue-dark)}
    .navbar-toggler{border:1px solid var(--line);padding:7px 9px;border-radius:10px}
    .navbar-toggler:focus,.btn-main:focus,.btn-outline:focus,.btn-soft:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px rgba(33,105,200,.18);outline:0}
    .offcanvas{max-width:320px;background:var(--paper)}
    .offcanvas-header{border-bottom:1px solid var(--line)}
    .offcanvas-nav{display:grid;gap:6px}
    .offcanvas-nav a.active{color:var(--blue);background:var(--blue-pale)}
    .mobile-search{width:100%;height:46px;margin:14px 0}
    .page-hero{padding:74px 0 46px;background:linear-gradient(180deg,#f5faff 0%,var(--paper) 100%);position:relative}
    .page-hero:after{content:"";position:absolute;right:-100px;top:-160px;width:430px;height:430px;border:1px solid #dcecf9;border-radius:50%;box-shadow:0 0 0 35px #f4f9fd,0 0 0 70px #fafcff;pointer-events:none}
    .hero-content{position:relative;z-index:1;max-width:830px}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #cfe0f0;background:#fff;border-radius:50px;padding:6px 11px;color:#52708b;font-size:12px;font-weight:750}
    .eyebrow b{color:var(--blue);font-size:11px;letter-spacing:.8px}
    h1{font-size:clamp(34px,5vw,58px);line-height:1.18;letter-spacing:-2px;font-weight:850;margin:20px 0 16px}
    .hero-lead{font-size:17px;color:#516a82;max-width:760px;line-height:1.9;margin:0}
    .hero-tools{margin-top:34px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm);padding:14px;display:flex;gap:12px;align-items:center}
    .hero-tools .tool-search{flex:1;height:44px;border:1px solid var(--line);border-radius:10px;padding:0 14px;color:var(--ink);min-width:0}
    .status-panel{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
    .status-chip{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:7px 10px;font-size:12px;color:var(--muted)}
    .dot{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block}
    .dot.amber{background:#d59a2b}.dot.red{background:var(--red)}
    section{padding:78px 0}
    .section-kicker{color:var(--blue);font-size:12px;font-weight:850;letter-spacing:1.2px;margin-bottom:8px}
    .section-heading{font-size:clamp(27px,3vw,38px);line-height:1.25;letter-spacing:-1.2px;font-weight:850;margin-bottom:11px}
    .section-intro{max-width:680px;color:var(--muted);font-size:15px;margin-bottom:31px}
    .catalog-layout{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start}
    .filter-panel,.result-panel,.notice-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}
    .filter-panel{padding:22px;position:sticky;top:100px}
    .filter-panel h2{font-size:17px;font-weight:850;margin:0 0 19px}
    .filter-group{padding:16px 0;border-top:1px solid var(--line)}
    .filter-group:first-of-type{border-top:0;padding-top:0}
    .filter-title{font-size:12px;font-weight:800;color:var(--ink);margin-bottom:9px}
    .filter-option{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;margin:7px 0}
    .filter-option input{accent-color:var(--blue)}
    .result-panel{padding:22px}
    .result-top{display:flex;justify-content:space-between;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:18px}
    .result-count{font-size:18px;font-weight:850}
    .result-count small{display:block;color:var(--muted);font-size:12px;font-weight:500;margin-top:2px}
    .sort-select{border:1px solid var(--line);border-radius:9px;padding:8px 11px;color:var(--muted);background:#fff;font-size:13px}
    .featured-entry{display:grid;grid-template-columns:180px 1fr;gap:22px;padding:18px;background:linear-gradient(135deg,#eef7ff,#fff);border:1px solid #cfe2f4;border-radius:16px;margin-bottom:16px}
    .cover{min-height:132px;border-radius:11px;background:linear-gradient(145deg,#d9eafa,#b7d5ef);position:relative;overflow:hidden;display:flex;align-items:end;padding:12px;color:#356185;font-size:12px;font-weight:800}
    .cover:before{content:"CONTENT / INDEX";position:absolute;top:15px;left:14px;color:rgba(255,255,255,.9);font-size:10px;letter-spacing:1.2px}
    .cover:after{content:"";position:absolute;width:110px;height:110px;border:1px solid rgba(255,255,255,.7);border-radius:50%;right:-32px;top:20px}
    .entry-title{font-size:19px;font-weight:850;margin:2px 0 7px}
    .entry-meta{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}
    .tag{display:inline-flex;align-items:center;border-radius:6px;padding:4px 8px;background:#edf5fb;color:#567188;font-size:11px;font-weight:750}
    .tag.green{background:var(--green-pale);color:var(--green)}
    .tag.amber{background:var(--amber-pale);color:var(--amber)}
    .tag.red{background:#fff0f1;color:var(--red)}
    .entry-note{color:var(--muted);font-size:12px;margin:0 0 12px}
    .entry-row{display:grid;grid-template-columns:110px 1fr auto;gap:15px;align-items:center;padding:15px 4px;border-bottom:1px solid var(--line)}
    .entry-row:last-child{border-bottom:0}
    .mini-cover{height:68px;border-radius:9px;background:linear-gradient(145deg,#e5eff8,#c5dced);display:grid;place-items:center;color:#55748e;font-size:10px;font-weight:800;letter-spacing:.5px}
    .row-title{font-weight:800;font-size:14px;margin-bottom:3px}
    .row-sub{font-size:12px;color:var(--muted)}
    .pagination-wrap{display:flex;justify-content:space-between;align-items:center;margin-top:22px;gap:15px}
    .page-info{font-size:12px;color:var(--muted)}
    .pagination{margin:0;gap:5px}
    .page-link{border:1px solid var(--line);border-radius:8px!important;color:var(--muted);background:#fff;min-width:36px;text-align:center}
    .page-item.active .page-link{background:var(--blue);border-color:var(--blue);color:#fff}
    .data-strip{padding:26px 0;background:var(--ice);border-top:1px solid #edf3f8;border-bottom:1px solid #edf3f8}
    .data-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:0}
    .data-cell{padding:5px 24px;border-right:1px solid var(--line)}
    .data-cell:first-child{padding-left:0}.data-cell:last-child{border-right:0}
    .data-label{font-size:12px;color:var(--muted);display:block;margin-bottom:5px}
    .data-value{font-size:21px;font-weight:850;color:var(--ink)}
    .data-value em{font-style:normal;font-size:12px;color:var(--green);margin-left:5px}
    .notice-panel{padding:25px;border-left:4px solid var(--amber);background:#fffdf7}
    .notice-panel h2{font-size:19px;font-weight:850;margin-bottom:12px}
    .notice-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 28px;margin:0;padding:0;list-style:none;color:var(--muted);font-size:13px}
    .notice-list li{position:relative;padding-left:17px}
    .notice-list li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--amber)}
    .cta-band{padding:30px 34px;background:#edf6ff;border:1px solid #cfe3f5;border-radius:20px;display:flex;justify-content:space-between;align-items:center;gap:24px}
    .cta-band h2{font-size:25px;font-weight:850;margin:0 0 5px}.cta-band p{margin:0;color:var(--muted);font-size:13px}
    .site-footer{background:#eef4f8;border-top:1px solid var(--line);padding:58px 0 22px}
    .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}
    .footer-brand{font-size:17px;font-weight:850;display:flex;align-items:center;gap:9px}.footer-brand .brand-mark{width:25px;height:25px;border-radius:8px}.footer-brand .brand-mark:after{border-left-width:7px;border-top-width:5px;border-bottom-width:5px}
    .footer-copy{color:var(--muted);font-size:12px;max-width:290px;margin:14px 0}
    .age-badge{display:inline-block;padding:5px 9px;border-radius:7px;background:var(--amber-pale);border:1px solid #f0d597;color:var(--amber);font-size:11px;font-weight:800}
    .footer-col{display:grid;align-content:start;gap:8px}.footer-col h3{font-size:13px;font-weight:850;margin:0 0 7px}.footer-col a{font-size:12px;color:var(--muted)}.footer-col a:hover{color:var(--blue)}
    .footer-bottom{border-top:1px solid var(--line);margin-top:42px;padding-top:17px;display:flex;justify-content:space-between;gap:20px;color:#8293a3;font-size:11px}
    @media(max-width:1100px){.quick-link{display:none}.command-search{width:190px}}
    @media(max-width:900px){.desktop-menu{display:none}.mobile-toggle{display:block}.catalog-layout{grid-template-columns:1fr}.filter-panel{position:static}.data-grid{grid-template-columns:repeat(2,1fr);gap:18px}.data-cell{border-right:0;padding:5px 12px}.data-cell:first-child{padding-left:12px}}
    @media(min-width:901px){.mobile-toggle{display:none}}
    @media(max-width:700px){.nav-inner{min-height:68px;gap:10px}.brand{min-width:0;flex:1;font-size:13px}.brand-text small{font-size:9px}.command-search{width:44px;padding:0 10px}.command-search input,.command-search kbd{display:none}.command-search span{font-size:21px}.page-hero{padding:52px 0 30px}h1{font-size:36px;letter-spacing:-1.4px}.hero-tools{display:grid;grid-template-columns:1fr}.featured-entry{grid-template-columns:1fr}.cover{min-height:145px}.entry-row{grid-template-columns:76px 1fr}.entry-row .btn-outline{grid-column:2;justify-self:start}.notice-list{grid-template-columns:1fr}.cta-band{display:block;padding:25px}.cta-band .btn-main{margin-top:18px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:6px}}
    @media(max-width:480px){section{padding:58px 0}.result-panel{padding:14px}.result-top{align-items:flex-start;flex-direction:column}.data-grid{grid-template-columns:1fr 1fr}.data-value{font-size:18px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}