/* roulang page: index */
:root{
            --ink:#191a17;
            --deep:#242720;
            --paper:#f6f4ee;
            --warm:#fffdf8;
            --yellow:#e8b72d;
            --yellow-soft:#f6df92;
            --olive:#727765;
            --muted:#73766d;
            --line:#deddd4;
            --red:#a64d3f;
            --green:#53745e;
            --shadow:0 18px 45px rgba(27,30,21,.08);
            --radius:14px;
            --max:1240px;
        }
        *{box-sizing:border-box;margin:0;padding:0}
        html{scroll-behavior:smooth}
        body{
            background:var(--paper);
            color:var(--ink);
            font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
            font-size:16px;
            line-height:1.8;
            -webkit-font-smoothing:antialiased;
        }
        a{color:inherit;text-decoration:none}
        img{display:block;max-width:100%}
        button,input,select,textarea{font:inherit}
        button{cursor:pointer}
        :focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
        .container{width:min(var(--max),calc(100% - 48px));margin:auto}
        .eyebrow{
            display:inline-flex;align-items:center;gap:8px;
            color:var(--olive);font-size:12px;font-weight:700;
            letter-spacing:.12em;text-transform:uppercase;
        }
        .eyebrow:before{content:"";width:24px;height:2px;background:var(--yellow)}
        .section{padding:108px 0;border-top:1px solid var(--line)}
        .section-head{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:42px}
        .section-head h2{font-size:clamp(28px,4vw,48px);line-height:1.18;letter-spacing:-.04em;max-width:650px}
        .section-head p{max-width:510px;color:var(--muted);font-size:15px}
        .site-header{
            position:fixed;z-index:20;top:0;left:0;width:100%;
            transition:.3s ease;border-bottom:1px solid transparent;
        }
        .site-header.scrolled{background:rgba(255,253,248,.96);border-color:var(--line);box-shadow:0 5px 22px rgba(20,22,15,.05)}
        .nav{height:82px;display:flex;align-items:center;gap:28px}
        .brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.04em;white-space:nowrap}
        .brand-mark{width:30px;height:30px;background:var(--yellow);border-radius:8px 8px 8px 2px;position:relative}
        .brand-mark:after{content:"";position:absolute;width:9px;height:9px;background:var(--ink);border-radius:50%;right:6px;top:6px}
        .nav-links{display:flex;align-items:center;justify-content:center;gap:24px;flex:1}
        .nav-links a{font-size:14px;color:#55584f;position:relative;padding:8px 0}
        .nav-links a:after{content:"";position:absolute;left:0;bottom:1px;width:0;height:2px;background:var(--yellow);transition:.25s}
        .nav-links a:hover,.nav-links a.active{color:var(--ink)}
        .nav-links a:hover:after,.nav-links a.active:after{width:100%}
        .nav-action,.button{
            display:inline-flex;align-items:center;justify-content:center;gap:10px;
            min-height:46px;padding:0 20px;border:1px solid var(--ink);
            background:var(--ink);color:#fffdf8;border-radius:8px;font-weight:700;
            transition:transform .22s,background .22s,color .22s,border-color .22s;
        }
        .nav-action:hover,.button:hover{background:var(--yellow);border-color:var(--yellow);color:var(--ink);transform:translateY(-2px)}
        .button.secondary{background:transparent;color:var(--ink)}
        .button.secondary:hover{background:var(--ink);color:#fff}
        .menu-toggle{display:none;border:0;background:none;font-size:25px}
        .hero{
            min-height:760px;padding:170px 0 90px;display:flex;align-items:center;
            background:linear-gradient(90deg,rgba(246,244,238,.98) 0%,rgba(246,244,238,.86) 45%,rgba(246,244,238,.25) 100%),url('/assets/images/35aad619079cdec8.jpg') center/cover;
        }
        .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
        .hero h1{font-size:clamp(42px,6.2vw,82px);line-height:1.06;letter-spacing:-.075em;max-width:730px;margin:18px 0 26px}
        .hero h1 em{font-style:normal;color:#9b7212}
        .hero-copy{max-width:650px;color:#55584f;font-size:18px;line-height:1.9}
        .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
        .hero-meta{display:flex;gap:22px;flex-wrap:wrap;margin-top:38px;padding-top:20px;border-top:1px solid rgba(25,26,23,.25);color:var(--muted);font-size:13px}
        .hero-meta strong{display:block;color:var(--ink);font-size:14px}
        .version-stage{position:relative;padding:24px}
        .version-stage img{width:100%;height:430px;object-fit:cover;border-radius:var(--radius);filter:saturate(.7) contrast(1.02)}
        .stage-card{
            position:absolute;left:0;bottom:0;width:245px;background:var(--deep);color:#fffdf8;
            padding:24px;border-radius:10px;box-shadow:var(--shadow)
        }
        .stage-card small{color:#bfc4b6;font-size:12px}
        .stage-card strong{display:block;font-size:33px;line-height:1.2;margin:8px 0;color:var(--yellow-soft)}
        .stage-note{position:absolute;right:3px;top:0;background:var(--yellow);padding:12px 15px;border-radius:8px;font-size:12px;font-weight:800}
        .metric-strip{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
        .metric{padding:28px 22px;border-right:1px solid var(--line);min-height:145px}
        .metric:last-child{border:0}.metric b{display:block;font-size:32px;line-height:1.2;letter-spacing:-.04em}
        .metric span{display:block;color:var(--muted);font-size:13px;margin-top:9px}.metric i{display:block;color:#9b7212;font-style:normal;font-size:12px;margin-top:8px}
        .matrix{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
        .module{min-height:218px;border:1px solid var(--line);padding:22px;background:var(--warm);transition:.25s;position:relative}
        .module:nth-child(1),.module:nth-child(4){grid-column:span 2;background:#ebe8dc}
        .module:nth-child(2),.module:nth-child(3),.module:nth-child(5),.module:nth-child(6){grid-column:span 2}
        .module:hover{border-color:var(--yellow);transform:translateY(-4px);box-shadow:var(--shadow)}
        .module-num{font-size:12px;color:#9b7212;font-weight:800}
        .module h3{font-size:22px;margin:24px 0 12px;letter-spacing:-.03em}
        .module p{color:var(--muted);font-size:14px;line-height:1.75}
        .module a{position:absolute;right:20px;bottom:18px;font-size:21px}
        .compare-wrap{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ink);background:var(--warm)}
        .compare-col{padding:32px}.compare-col:first-child{border-right:1px solid var(--ink)}
        .compare-col.latest{background:#efdf9e}
        .compare-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid rgba(25,26,23,.3);font-weight:800}
        .compare-list{list-style:none}.compare-list li{padding:18px 0;border-bottom:1px solid rgba(25,26,23,.16);display:flex;justify-content:space-between;gap:20px;font-size:15px}
        .compare-list li span{color:var(--muted);text-align:right}.latest .compare-list li span{color:var(--ink)}
        .timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding-top:34px}
        .timeline:before{content:"";position:absolute;left:0;right:0;top:48px;height:2px;background:var(--line)}
        .milestone{position:relative;padding-top:42px}.milestone:before{content:"";position:absolute;top:39px;left:0;width:18px;height:18px;background:var(--yellow);border:5px solid var(--paper);outline:1px solid var(--ink);border-radius:50%;z-index:1}
        .milestone b{font-size:13px;color:#9b7212}.milestone h3{font-size:20px;margin:12px 0 8px}.milestone p{font-size:14px;color:var(--muted)}
        .news-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:50px}
        .news-feature{min-height:310px;padding:34px;background:var(--deep);color:#fffdf8;display:flex;flex-direction:column;justify-content:end;background-image:linear-gradient(0deg,rgba(20,22,17,.9),rgba(20,22,17,.1)),url('/assets/images/66bc82f075e71e7a.jpg');background-size:cover;background-position:center}
        .news-feature h3{font-size:30px;line-height:1.3;margin:13px 0}.news-feature p{color:#d5d7cd;font-size:14px}
        .news-list{border-top:1px solid var(--ink)}
        .news-item{display:grid;grid-template-columns:90px 1fr 25px;gap:18px;padding:21px 0;border-bottom:1px solid var(--line);align-items:center;transition:.2s}
        .news-item:hover{padding-left:10px;background:#efede5}.news-item small{color:#9b7212;font-weight:700}.news-item h3{font-size:17px}.news-item p{font-size:13px;color:var(--muted)}
        .assurance{background:var(--deep);color:#fffdf8}.assurance .eyebrow{color:#d0d4c8}.assurance .section-head p{color:#b8bcb1}
        .assurance-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #555a4e;border-bottom:1px solid #555a4e}
        .assurance-card{padding:28px 24px;border-right:1px solid #555a4e}.assurance-card:last-child{border:0}.assurance-card b{display:block;color:var(--yellow-soft);font-size:19px;margin-bottom:9px}.assurance-card p{color:#c4c8bd;font-size:14px}
        .quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
        .quick-item{padding:22px;border:1px solid var(--line);background:var(--warm);min-height:135px;transition:.25s}
        .quick-item:hover{border-color:var(--yellow);background:#fff8dc}.quick-item strong{display:block;font-size:17px;margin-bottom:9px}.quick-item span{font-size:13px;color:var(--muted)}
        .faq-list{max-width:900px;border-top:1px solid var(--ink)}
        .faq-item{border-bottom:1px solid var(--line)}.faq-question{width:100%;padding:23px 0;border:0;background:none;text-align:left;display:flex;justify-content:space-between;gap:20px;font-weight:800;font-size:17px;color:var(--ink)}.faq-question span{font-size:25px;font-weight:400;transition:.25s}.faq-answer{display:none;padding:0 42px 22px 0;color:var(--muted);font-size:14px}.faq-item.open .faq-answer{display:block}.faq-item.open .faq-question span{transform:rotate(45deg);color:#9b7212}
        .contact-section{background:#e9e5d8}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.contact-copy h2{font-size:clamp(31px,4vw,55px);line-height:1.15;letter-spacing:-.05em;margin:18px 0}.contact-copy p{color:var(--muted);max-width:430px}
        .form-box{background:var(--warm);padding:32px;border:1px solid var(--line);box-shadow:var(--shadow)}
        .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#fffefa;padding:12px 13px;border-radius:6px;color:var(--ink);transition:.2s}.field textarea{min-height:110px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--yellow);outline:3px solid rgba(232,183,45,.2)}.form-foot{display:flex;align-items:center;gap:18px;margin-top:22px;flex-wrap:wrap}.privacy{font-size:12px;color:var(--muted)}.form-message{font-size:13px;color:var(--green);display:none}.form-message.show{display:block}
        footer{background:var(--ink);color:#fffdf8;padding:58px 0 28px}.footer-top{display:flex;justify-content:space-between;gap:40px;padding-bottom:42px;border-bottom:1px solid #45483e}.footer-brand p{color:#aeb2a7;font-size:13px;margin-top:14px}.footer-links{display:flex;gap:34px;flex-wrap:wrap}.footer-links a{color:#c5c8be;font-size:13px}.footer-links a:hover{color:var(--yellow-soft)}.copyright{display:flex;justify-content:space-between;gap:20px;color:#8f9487;font-size:12px;padding-top:22px}
        @media(max-width:1024px){.hero-grid{gap:40px}.nav-links{gap:14px}.matrix{grid-template-columns:repeat(2,1fr)}.module,.module:nth-child(n){grid-column:span 1}.module:nth-child(1),.module:nth-child(4){grid-column:span 2}.metric-strip{grid-template-columns:repeat(3,1fr)}.metric:nth-child(3){border-right:0}.metric:nth-child(4),.metric:nth-child(5){border-top:1px solid var(--line)}.assurance-grid{grid-template-columns:repeat(2,1fr)}.assurance-card:nth-child(2){border-right:0}.assurance-card:nth-child(n+3){border-top:1px solid #555a4e}}
        @media(max-width:768px){
            .container{width:min(var(--max),calc(100% - 32px))}.section{padding:76px 0}.section-head{display:block;margin-bottom:30px}.section-head p{margin-top:17px}.nav{height:70px}.nav-links{display:none;position:absolute;top:70px;left:16px;right:16px;background:var(--warm);border:1px solid var(--line);padding:18px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:4px}.nav-links.open{display:flex}.nav-links a{padding:10px 6px}.nav-action{margin-left:auto;min-height:42px;padding:0 13px;font-size:13px}.menu-toggle{display:block;order:3}.hero{min-height:auto;padding:130px 0 70px;background:linear-gradient(90deg,rgba(246,244,238,.94),rgba(246,244,238,.65)),url('/assets/images/35aad619079cdec8.jpg') center/cover}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(42px,12vw,65px)}.hero-copy{font-size:16px}.version-stage{margin-top:20px}.version-stage img{height:330px}.metric-strip{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(3){border-right:1px solid var(--line)}.metric:nth-child(5){grid-column:span 2}.compare-wrap,.news-layout,.contact-grid{grid-template-columns:1fr;gap:26px}.compare-col:first-child{border-right:0;border-bottom:1px solid var(--ink)}.timeline{grid-template-columns:1fr;gap:22px;padding-left:28px}.timeline:before{left:8px;top:45px;bottom:0;width:2px;height:auto}.milestone{padding-top:0;padding-left:22px}.milestone:before{left:-28px;top:2px}.quick-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{gap:35px}.footer-top,.copyright{display:block}.footer-links{margin-top:25px}}
        @media(max-width:520px){.brand{font-size:14px}.brand-mark{width:26px;height:26px}.nav-action{display:none}.hero-actions .button{width:100%}.hero-meta{gap:14px}.matrix{grid-template-columns:1fr}.module:nth-child(n){grid-column:span 1}.metric{padding:22px 15px;min-height:125px}.metric b{font-size:25px}.news-item{grid-template-columns:68px 1fr 18px;gap:10px}.news-item h3{font-size:15px}.quick-grid{grid-template-columns:1fr}.form-box{padding:21px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.form-foot .button{width:100%}.assurance-grid{grid-template-columns:1fr}.assurance-card{border-right:0!important;border-bottom:1px solid #555a4e}.assurance-card:last-child{border-bottom:0}.copyright{line-height:1.8}.copyright span{display:block;margin-top:8px}}