/* roulang page: index */
:root{
      --paper:#fffaf5;--cream:#f7eee5;--peach:#f5b39b;--coral:#e97862;
      --berry:#66364f;--plum:#43283b;--ink:#30252a;--muted:#75666a;--line:#eadbd2;
      --white:#fff;--radius:16px;--shadow:0 12px 34px rgba(88,47,54,.09);
      --max:1220px;
    }
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75;font-size:16px}
    img{max-width:100%;display:block} a{color:var(--berry);text-decoration:none;transition:.25s ease} a:hover{color:var(--coral)} button,.button{cursor:pointer;transition:.25s ease} :focus-visible{outline:3px solid #efaa83;outline-offset:3px}
    .container{max-width:var(--max);margin:auto;padding:0 26px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--coral);font-size:13px;font-weight:800;letter-spacing:.12em}.eyebrow:before{content:"";width:26px;height:2px;background:var(--coral)}
    h1,h2,h3{color:var(--plum);font-weight:800;letter-spacing:-.035em;line-height:1.25;margin:0 0 18px} h1{font-size:clamp(38px,5vw,70px)} h2{font-size:clamp(29px,3.3vw,46px)} h3{font-size:22px}.lead{color:var(--muted);font-size:18px;max-width:720px}.section-head{max-width:720px;margin-bottom:42px}.section-head p{color:var(--muted);margin:0}
    .site-header{position:sticky;top:0;z-index:20;background:rgba(255,250,245,.96);border-bottom:1px solid var(--line);box-shadow:0 4px 18px rgba(75,43,48,.04)} .topbar{min-height:76px;display:flex;align-items:center;justify-content:space-between}
    .brand{font-weight:900;color:var(--plum);font-size:20px;white-space:nowrap}.brand span{color:var(--coral)} .nav-list{display:flex;align-items:center;gap:25px;margin:0}.nav-list a{font-size:14px;font-weight:700;color:var(--muted)}.nav-list a:hover,.nav-list a.active{color:var(--coral)} .nav-cta{background:var(--coral)!important;color:#fff!important;border-radius:99px;padding:11px 18px!important}.nav-cta:hover{background:var(--berry)!important;transform:translateY(-2px)}
    .menu-toggle{display:none;border:1px solid var(--line);background:#fff7f0;color:var(--berry);border-radius:9px;padding:7px 11px;font-size:20px}
    .hero{position:relative;min-height:660px;display:flex;align-items:center;overflow:hidden;background:var(--cream) url('/assets/images/fc2d62af926adcd5.jpg') center/cover no-repeat}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,250,245,.98) 0%,rgba(255,250,245,.91) 44%,rgba(255,250,245,.25) 100%)}.hero-inner{position:relative;z-index:1;padding-top:72px;padding-bottom:72px}.hero-copy{max-width:720px}.hero h1{margin-top:18px}.hero .lead{font-size:19px;color:#55464b}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin:28px 0}.button{border-radius:10px;padding:13px 23px;font-weight:800;margin:0}.button.primary{background:var(--coral);color:#fff}.button.primary:hover{background:var(--berry);transform:translateY(-2px)}.button.secondary{background:transparent;color:var(--berry);border:1px solid var(--berry)}.button.secondary:hover{background:var(--berry);color:#fff}.hero-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.meta-pill,.tag{display:inline-block;padding:6px 11px;border-radius:99px;background:#fff1e7;border:1px solid #f0d5c7;color:var(--berry);font-size:13px;font-weight:700}
    section{padding:92px 0;border-bottom:1px solid var(--line)}.story{background:#fff}.story-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.story-note{border-left:4px solid var(--peach);padding:10px 0 10px 24px;color:var(--muted);font-size:18px}.index-list{border-top:1px solid var(--line)}.index-item{display:flex;gap:22px;padding:18px 0;border-bottom:1px solid var(--line)}.index-num{color:var(--coral);font-size:13px;font-weight:900}.index-item strong{color:var(--plum)}
    .feature-section{background:#fff7f0}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px}.feature-row.reverse .feature-card:first-child{order:2}.feature-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow);min-height:190px}.feature-card p,.scene-item p,.problem p,.article p{color:var(--muted);margin:0}.feature-card .tag{margin-top:22px}
    .scene-section{background:var(--plum);color:#fff}.scene-section h2,.scene-section h3{color:#fff}.scene-section .section-head p{color:#e9dce0}.scene-list{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#80566a;border:1px solid #80566a}.scene-item{background:var(--plum);padding:25px 20px;min-height:210px}.scene-item p{color:#e5d9dd;font-size:14px}.scene-no{font-size:36px;color:var(--peach);font-weight:900}
    .demo-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:stretch}.visual-stage{min-height:390px;border-radius:var(--radius);overflow:hidden;position:relative;background:url('/assets/images/0a9155c05e1cc504.jpg') center/cover}.visual-stage:after{content:"界面展示";position:absolute;bottom:20px;left:20px;background:rgba(67,40,59,.85);color:#fff;padding:8px 14px;border-radius:8px;font-size:13px}.demo-caption{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow)}.demo-caption ul{padding-left:20px;color:var(--muted)}.demo-caption li{margin:9px 0}
    .timeline{position:relative;max-width:900px;margin:auto}.timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:var(--peach)}.step{position:relative;padding:0 0 35px 70px}.step:last-child{padding-bottom:0}.step:before{content:attr(data-step);position:absolute;left:0;top:0;width:42px;height:42px;border-radius:50%;background:var(--coral);color:#fff;font-weight:900;text-align:center;line-height:42px}.step p{color:var(--muted);margin:0;max-width:720px}
    .updates{background:var(--cream)}.update-list{border-top:1px solid var(--line)}.update{display:grid;grid-template-columns:140px 120px 1fr auto;gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.update time{color:var(--muted);font-size:14px}.update h3{font-size:19px;margin:0}.update p{margin:0;color:var(--muted);font-size:14px}
    .security-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.security-box{padding:30px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.security-box ul{margin:14px 0 0;padding-left:20px;color:var(--muted)}
    .problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.problem{padding:25px;border:1px solid var(--line);border-radius:12px;background:#fff}.problem h3{font-size:18px}.problem .tag{margin-bottom:14px}
    .quote-strip{background:#fff0e8;overflow:hidden}.quote-track{display:flex;gap:20px}.quote{min-width:320px;flex:1;padding:26px;background:#fff;border-left:4px solid var(--coral);border-radius:0 12px 12px 0}.quote p{color:var(--muted);margin:0 0 12px}.quote small{color:var(--berry);font-weight:800}
    .articles{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.article-main,.article-side{border:1px solid var(--line);background:#fff;border-radius:var(--radius);padding:28px}.article-main{background:url('/assets/images/46c41f5037ce7244.jpg') center/cover;min-height:300px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;position:relative;overflow:hidden}.article-main:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(50,27,39,.85))}.article-main>*{position:relative}.article-main h3{color:#fff;font-size:28px}.article-main p{color:#f7e9e8}.article-side .article-line{padding:16px 0;border-bottom:1px solid var(--line)}.article-side .article-line:last-child{border:0}.article-line h3{font-size:17px;margin:0 0 4px}.article-line span{font-size:13px;color:var(--muted)}
    .guide{background:#fff7f0}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.guide-cover{min-height:330px;border-radius:var(--radius);background:url('/assets/images/117d3a327176d044.jpg') center/cover}.guide ul{padding-left:20px;color:var(--muted)}
    .faq-wrap{max-width:900px;margin:auto}.accordion{background:transparent}.accordion-title{border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--plum);font-weight:800;font-size:17px;padding:20px 0}.accordion-title:hover{background:transparent;color:var(--coral)}.accordion-content{border:0;background:#fff7f0;color:var(--muted);padding:20px;border-radius:8px}
    .trust{padding:32px 0;background:var(--cream)}.trust-list{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.trust-list a{font-weight:700}.cta{padding:85px 0;background:var(--berry);color:#fff;text-align:center}.cta h2{color:#fff}.cta p{color:#eadde1;max-width:680px;margin:0 auto 25px}.cta .button.secondary{color:#fff;border-color:#fff}.cta .button.secondary:hover{background:#fff;color:var(--berry)}
    footer{background:#2d2028;color:#d9c9cf;padding:42px 0 25px}.footer-row{display:flex;justify-content:space-between;gap:25px;align-items:flex-start}.footer-brand{color:#fff;font-size:20px;font-weight:900}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-links a{color:#d9c9cf;font-size:14px}.copyright{border-top:1px solid #513b47;margin-top:28px;padding-top:18px;font-size:13px;color:#aa929c}
    @media(max-width:1023px){.nav-list{gap:13px}.scene-list{grid-template-columns:repeat(3,1fr)}.story-grid,.demo-grid,.articles,.guide-grid{grid-template-columns:1fr}.problem-grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:767px){.container{padding:0 18px}.topbar{min-height:68px}.menu-toggle{display:block}.nav-list{display:none;position:absolute;left:0;right:0;top:68px;background:var(--paper);padding:15px 20px 22px;border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0}.nav-list.is-open{display:flex}.nav-list a{display:block;padding:12px 0}.nav-cta{text-align:center}.hero{min-height:620px;background-position:62% center}.hero:before{background:rgba(255,250,245,.9)}section{padding:65px 0}.feature-row,.feature-row.reverse{grid-template-columns:1fr}.feature-row.reverse .feature-card:first-child{order:0}.scene-list{grid-template-columns:1fr 1fr}.update{grid-template-columns:1fr;gap:6px}.update .button{justify-self:start}.security-grid{grid-template-columns:1fr}.problem-grid{grid-template-columns:1fr}.quote-track{display:block}.quote{margin-bottom:14px}.footer-row{flex-direction:column}.brand{font-size:18px}}
    @media(max-width:520px){h1{font-size:38px}.lead{font-size:16px}.hero-actions .button{width:100%;text-align:center}.scene-list{grid-template-columns:1fr}.visual-stage{min-height:260px}.trust-list{display:grid;grid-template-columns:1fr 1fr}.footer-links{gap:12px}}