/* roulang page: index */
:root{--ink:#111815;--paper:#f4f5ef;--surface:#fff;--lime:#c9f36a;--muted:#687368;--border:#dce1d5;--radius:24px;--shadow:0 12px 38px #1223160c}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}img,svg{max-width:100%;display:block}::selection{background:var(--lime);color:var(--ink)}:focus-visible{outline:3px solid #649e29;outline-offset:5px}a,button,.card{transition:background .2s,color .2s,transform .2s,box-shadow .2s}button:active,.btn:active{transform:translateY(1px)}.container{width:min(1180px,calc(100% - 64px));margin:auto}.site-header{position:sticky;top:16px;z-index:50;margin:16px auto 28px;width:min(1244px,calc(100% - 40px))}.dock{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:13px 18px 13px 24px;border:1px solid #ffffff30;background:#111815f5;color:#fff;border-radius:999px;box-shadow:0 12px 35px #11201525;backdrop-filter:blur(16px)}.logo{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.5px;white-space:nowrap}.logo-mark{width:32px;height:32px;background:var(--lime);color:var(--ink);display:grid;place-items:center;clip-path:polygon(20% 0,100% 0,80% 100%,0 100%);font-weight:900}.nav-links{display:flex;gap:6px}.nav-links a{padding:9px 20px;border-radius:999px;font-size:14px;color:#c8d0c9}.nav-links a:hover{background:#ffffff12;color:white}.nav-links a.active{background:var(--lime);color:var(--ink);font-weight:700}.dock-note{font-size:12px;color:#b9c5ba;white-space:nowrap}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:7px}.hero{padding:45px 0 58px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;display:flex;align-items:center;gap:10px;color:var(--muted)}.eyebrow:before{content:"";height:9px;width:9px;background:#78a737;border-radius:2px}.hero h1{font-size:clamp(38px,5.5vw,72px);font-weight:900;letter-spacing:-3px;line-height:1.13;margin:20px 0}.hero-desc{max-width:880px;font-size:16px;line-height:1.95;color:var(--muted)}.hero-stage{position:relative;margin-top:32px;padding:30px;border-radius:30px;background:var(--ink);color:#fff;overflow:hidden}.hero-stage:after{content:"";position:absolute;right:-80px;top:-110px;width:350px;height:350px;border:1px solid #c9f36215;border-radius:50%;pointer-events:none}.ring{--progress:0deg;width:150px;height:150px;flex-shrink:0;border-radius:50%;background:conic-gradient(var(--lime) var(--progress),#344032 0);padding:9px;transform:rotate(-30deg)}.ring-inner{border-radius:50%;background:var(--ink);width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(30deg)}.ring strong{font-size:37px;line-height:1.2}.ring span{font-size:11px;color:#aebaae}.tier{padding:15px 17px;border:1px solid #ffffff20;border-radius:16px;background:#ffffff05}.tier b{display:block;font-size:14px}.tier p{font-size:12px;line-height:1.65;color:#b9c5ba;margin:6px 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--lime);color:var(--ink);border:1px solid transparent;border-radius:12px;padding:12px 22px;font-weight:750;font-size:14px;min-height:48px}.btn:hover{background:#dcff9d;box-shadow:0 6px 20px #c9f36a20}.btn.secondary{background:transparent;border-color:var(--border)}.btn.secondary:hover{background:#e8eddc}.section{padding:64px 0;border-top:1px solid var(--border)}.section.alt{background:#eaeedf}.section.dark{background:var(--ink);color:#fff;border-color:var(--ink)}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:36px;margin-bottom:28px}.section h2{font-size:clamp(24px,3vw,34px);line-height:1.35;letter-spacing:-1px;font-weight:850}.section-intro{max-width:570px;font-size:14px;color:var(--muted);line-height:1.9}.section-index{font-size:11px;font-weight:700;color:#88917f;letter-spacing:2px;margin-bottom:10px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:25px;box-shadow:var(--shadow)}.card:hover{transform:translateY(-3px);box-shadow:0 15px 35px #12231612}.card h3{font-weight:800;font-size:19px;line-height:1.45;margin-bottom:10px}.card p{color:var(--muted);font-size:14px;line-height:1.85}.tag{display:inline-flex;align-items:center;padding:4px 10px;border:1px solid var(--border);border-radius:7px;font-size:11px;line-height:1.6;font-weight:700;white-space:nowrap}.tag.green{background:#e5f2cf;border-color:#d3e4b5;color:#496427}.topic-no{font-size:38px;line-height:1;color:#b8c2ac;font-weight:300;margin-bottom:32px}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:13px;font-weight:750;border-bottom:1px solid #9caa86;padding-bottom:3px}.text-link:hover{color:#5a8024}.news-row{display:grid;grid-template-columns:105px 1fr 30px;align-items:start;gap:24px;padding:24px 0;border-bottom:1px solid var(--border)}.news-row:first-child{padding-top:0}.news-row:last-child{border-bottom:0;padding-bottom:0}.news-row h3{font-size:18px;font-weight:750;margin-bottom:7px}.news-row p{font-size:14px;color:var(--muted)}.news-row .arrow{font-size:23px;color:#7f8a73}.cover{position:relative;isolation:isolate;overflow:hidden;border-radius:24px;min-height:280px;display:flex;flex-direction:column;justify-content:space-between;padding:28px;color:#fff;background:#263d30}.cover:before{content:"";position:absolute;z-index:-1;width:240px;height:240px;right:-30px;top:0;border:45px solid #c9f36a25;transform:rotate(35deg);border-radius:50px}.cover.purple{background:#3d344e}.cover.purple:before{border-color:#c5b2e830}.cover h3{font-size:28px;font-weight:800;line-height:1.35;max-width:270px}.cover p{font-size:14px;color:#dae3d6;max-width:420px;margin-top:12px}.compare-col{padding:28px;border-radius:20px;background:#fff;border:1px solid var(--border)}.compare-col.good{background:#e3edcf;border-color:#c7d6ae}.compare-col h3{font-size:19px;font-weight:800;margin-bottom:15px}.clean-list{list-style:none;margin:0;padding:0}.clean-list li{position:relative;padding:12px 0 12px 20px;border-bottom:1px solid #17261812;font-size:14px;color:#53614e}.clean-list li:before{content:"";width:5px;height:5px;border-radius:50%;background:#7d9169;position:absolute;left:0;top:23px}.clean-list li:last-child{border:0}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.timeline-item{border-top:2px solid #cad3bb;padding-top:20px}.timeline-item strong{font-size:20px;font-weight:800;display:block;margin:9px 0}.timeline-item p{font-size:14px;color:var(--muted)}.dark .section-intro{color:#aab7ab}.guard{border-left:1px solid #435042;padding-left:24px}.guard h3{font-size:18px;font-weight:800;margin:10px 0}.guard p{color:#aab7ab;font-size:14px}.device-art{display:flex;align-items:flex-end;justify-content:center;gap:14px;padding:30px;background:#dfe7d2;border-radius:24px;min-height:230px}.desktop-shape{width:240px;border:7px solid var(--ink);border-radius:12px;background:#f9fcef;padding:15px;box-shadow:0 15px 0 -8px #53614e}.mobile-shape{width:70px;height:130px;border:5px solid var(--ink);border-radius:14px;background:#f9fcef;padding:10px 7px}.screen-line{height:7px;margin:9px 0;background:#b5c1a4;border-radius:3px}.screen-block{height:48px;background:#c9f36a;border-radius:5px}.faq-item{border-bottom:1px solid var(--border)}.faq-item summary{cursor:pointer;list-style:none;padding:22px 34px 22px 0;font-weight:750;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";position:absolute;right:3px;font-size:22px;top:16px;color:#7b886e}.faq-item[open] summary:after{content:"−"}.faq-item p{font-size:14px;color:var(--muted);padding:0 38px 22px 0;max-width:900px;line-height:1.9}.faq-item summary:hover{color:#67862e}.preference{background:#e4edd5;padding:32px;border:1px solid #cedabf;border-radius:24px}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:13px;font-weight:750}.field select{width:100%;padding:12px 36px 12px 14px;min-height:49px;border:1px solid #bfcbaf;background:#fff;border-radius:11px;color:var(--ink)}.field select:hover{border-color:#7a9353}.status{min-height:24px;font-size:13px;color:#53712c;margin-top:12px}.site-footer{padding:40px 0 25px;background:var(--ink);color:#fff}.footer-note{font-size:12px;color:#a4b0a5;line-height:1.9;max-width:640px}.footer-bottom{border-top:1px solid #344032;margin-top:28px;padding-top:20px;color:#91a08f;font-size:11px;display:flex;justify-content:space-between;gap:20px}.footer-links{display:flex;gap:20px;font-size:13px;color:#c4cec0}.footer-links a:hover{color:var(--lime)}.skip{position:fixed;top:-80px;left:20px;background:var(--lime);padding:12px;z-index:100;border-radius:8px}.skip:focus{top:10px}
@media(min-width:1025px){.topic-grid .card:nth-child(even){margin-top:24px}.topic-grid{align-items:start}}
@media(max-width:1024px){.dock-note{display:none}.section-head{gap:24px}.section-intro{max-width:52%}.hero h1{letter-spacing:-2px}.hero-stage{padding:25px}.timeline{gap:20px}}
@media(max-width:768px){.container{width:calc(100% - 40px)}.site-header{width:calc(100% - 24px);top:10px;margin-top:10px}.dock{padding:12px 15px;gap:12px;border-radius:24px}.logo{font-size:14px;gap:7px}.logo-mark{width:27px;height:27px}.nav-links a{padding:8px 12px;font-size:12px}.hero{padding-top:26px}.hero-desc{font-size:14px}.section{padding:44px 0}.section-head{flex-direction:column;gap:16px}.section-intro{max-width:100%}.timeline{grid-template-columns:1fr}.timeline-item{border-top:none;border-left:2px solid #cad3bb;padding:0 0 0 20px}.news-row{grid-template-columns:80px 1fr;gap:15px}.news-row .arrow{display:none}.footer-bottom{flex-direction:column;gap:7px}.ring{width:126px;height:126px}.hero-stage{border-radius:22px}.preference{padding:23px}.cover{min-height:250px}}
@media(max-width:520px){.container{width:calc(100% - 32px)}.dock{flex-wrap:wrap;justify-content:center;border-radius:22px;gap:10px}.logo{width:100%;justify-content:center}.nav-links{width:100%;justify-content:center}.nav-links a{flex:1;text-align:center}.hero h1{font-size:39px;letter-spacing:-1.8px}.hero-stage{padding:22px 18px}.ring{width:110px;height:110px}.ring strong{font-size:30px}.card{padding:22px}.topic-no{margin-bottom:22px}.news-row{grid-template-columns:1fr;gap:10px}.news-row .tag{justify-self:start}.section h2{font-size:27px}.device-art{padding:25px 16px}.desktop-shape{width:190px}.mobile-shape{width:58px;flex-shrink:0}.footer-links{flex-wrap:wrap}.btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* roulang page: category1 */
:root{--ink:#111815;--paper:#f4f5ef;--surface:#fff;--lime:#c9f36a;--muted:#687368;--border:#dce1d5;--radius:24px;--shadow:0 12px 38px #1223160c}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}img,svg{max-width:100%;display:block}a,button,.card{transition:background .2s,color .2s,transform .2s,box-shadow .2s}button:active,.btn:active{transform:translateY(1px)}:focus-visible{outline:3px solid #83a63d;outline-offset:5px}.container{width:min(1180px,calc(100% - 64px));margin:auto}
.site-header{position:sticky;top:16px;z-index:50;margin:16px auto 28px;width:min(1244px,calc(100% - 40px))}.dock{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#111815f5;color:white;padding:15px 24px;border:1px solid #344032;border-radius:999px;box-shadow:0 12px 34px #11181520;backdrop-filter:blur(16px)}.logo{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.5px;white-space:nowrap}.logo-mark{width:32px;height:32px;background:var(--lime);color:var(--ink);display:grid;place-items:center;clip-path:polygon(20% 0,100% 0,80% 100%,0 100%);font-weight:900}.nav-links{display:flex;gap:6px}.nav-links a{padding:9px 20px;border-radius:999px;font-size:14px;color:#c8d0c9;white-space:nowrap}.nav-links a:hover{background:#ffffff12;color:white}.nav-links a.active{background:var(--lime);color:var(--ink);font-weight:700}.dock-note{font-size:12px;color:#bac7b5;white-space:nowrap}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:7px}
.hero{padding:32px 0 58px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;display:flex;align-items:center;gap:10px;color:var(--muted)}.eyebrow:before{content:"";height:9px;width:9px;background:#78a737;border-radius:2px}.hero h1{font-size:clamp(36px,5vw,64px);font-weight:900;letter-spacing:-2px;line-height:1.16;margin:20px 0}.hero-desc{max-width:760px;font-size:16px;line-height:1.95;color:var(--muted)}.hero-stage{position:relative;margin-top:32px;padding:32px;border-radius:30px;background:var(--ink);color:#fff;overflow:hidden}.hero-stage:after{content:"";position:absolute;right:-80px;top:-110px;width:350px;height:350px;border:1px solid #c9f36225;border-radius:50%;pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--lime);color:var(--ink);border:1px solid transparent;border-radius:12px;padding:12px 22px;font-weight:750;font-size:14px;min-height:48px}.btn:hover{background:#dcff9d;box-shadow:0 6px 20px #c9f36a20}.btn.secondary{background:transparent;border-color:var(--border)}.btn.secondary:hover{background:#e8eddc;color:var(--ink)}.hero-stage .btn.secondary{border-color:#53604e;color:#e6ebdf}.hero-stage .btn.secondary:hover{color:var(--ink)}
.section{padding:64px 0;border-top:1px solid var(--border)}.section.alt{background:#eaeedf}.section.dark{background:var(--ink);color:#fff;border-color:var(--ink)}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:36px;margin-bottom:28px}.section h2{font-size:clamp(24px,3vw,34px);line-height:1.35;letter-spacing:-1px;font-weight:850}.section-intro{max-width:570px;font-size:14px;color:var(--muted);line-height:1.9}.section-index{font-size:11px;font-weight:700;color:#88917f;letter-spacing:2px;margin-bottom:10px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:25px;box-shadow:var(--shadow)}.card:hover{transform:translateY(-3px);box-shadow:0 15px 35px #12231612}.card h3{font-weight:800;font-size:19px;line-height:1.45;margin-bottom:10px}.card p{color:var(--muted);font-size:14px;line-height:1.85}.tag{display:inline-flex;align-items:center;padding:4px 10px;border:1px solid var(--border);border-radius:7px;font-size:11px;line-height:1.6;font-weight:700;white-space:nowrap}.tag.green{background:#e5f2cf;border-color:#d3e4b5;color:#496427}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:13px;font-weight:750;border-bottom:1px solid #9caa86;padding-bottom:3px}.text-link:hover{color:#5a8024}.news-row{display:grid;grid-template-columns:105px 1fr 30px;align-items:start;gap:24px;padding:24px 0;border-bottom:1px solid var(--border)}.news-row:first-child{padding-top:0}.news-row:last-child{border-bottom:0;padding-bottom:0}.news-row h3{font-size:18px;font-weight:750;margin-bottom:7px}.news-row p{font-size:14px;color:var(--muted)}.news-row .arrow{font-size:23px;color:#7f8a73}.compare-col{padding:28px;border-radius:20px;background:#fff;border:1px solid var(--border)}.compare-col.good{background:#e3edcf;border-color:#c7d6ae}.compare-col h3{font-size:19px;font-weight:800;margin-bottom:15px}.clean-list{list-style:none;margin:0;padding:0}.clean-list li{position:relative;padding:12px 0 12px 20px;border-bottom:1px solid #17261812;font-size:14px;color:#53614e}.clean-list li:before{content:"";width:5px;height:5px;border-radius:50%;background:#7d9169;position:absolute;left:0;top:23px}.clean-list li:last-child{border:0}.timeline-item{border-top:2px solid #cad3bb;padding-top:20px}.timeline-item strong{font-size:20px;font-weight:800;display:block;margin:9px 0}.timeline-item p{font-size:14px;color:var(--muted)}.dark .section-intro{color:#aab7ab}.faq-item{border-bottom:1px solid var(--border)}.faq-item summary{cursor:pointer;list-style:none;padding:22px 34px 22px 0;font-weight:750;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";position:absolute;right:3px;font-size:22px;top:16px;color:#7b886e}.faq-item[open] summary:after{content:"−"}.faq-item p{font-size:14px;color:var(--muted);padding:0 38px 22px 0;max-width:900px;line-height:1.9}.faq-item summary:hover{color:#67862e}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}.field select{width:100%;padding:12px 36px 12px 14px;min-height:49px;border:1px solid #bfcbaf;background:#fff;border-radius:11px;color:var(--ink)}.field select:hover{border-color:#7a9353}.site-footer{padding:40px 0 25px;background:var(--ink);color:#fff}.footer-note{font-size:12px;color:#a4b0a5;line-height:1.9;max-width:640px}.footer-bottom{border-top:1px solid #344032;margin-top:28px;padding-top:20px;color:#91a08f;font-size:11px;display:flex;justify-content:space-between;gap:20px}.footer-links{display:flex;gap:20px;font-size:13px;color:#c4cec0}.footer-links a:hover{color:var(--lime)}
.metric{padding:20px 0 0;border-top:1px solid #3b4538}.metric strong{display:block;color:var(--lime);font-size:32px;line-height:1.3;font-weight:800}.metric span{font-size:12px;color:#b4bfad}.status-bar{background:#243023;border:1px solid #3b4e31;border-radius:12px;padding:12px 16px;font-size:12px;color:#d4dfc8}.topic-num{font-size:42px;line-height:1;color:#c5d4b0;font-weight:900;margin-bottom:26px}.topic-feature{background:var(--lime);border-color:#b8db65}.topic-feature p{color:#43592e}.topic-feature .topic-num{color:#779647}.boundary-item{padding:23px 0;border-bottom:1px solid #334031;display:flex;gap:18px}.boundary-item strong{color:var(--lime);font-size:20px}.boundary-item p{color:#acb9a6;font-size:14px}.quick-box{border-left:3px solid #9db96e;padding-left:20px}.quick-box h3{font-weight:800;margin-bottom:8px}.quick-box p{font-size:14px;color:var(--muted)}.preference-panel{background:#e3edcf;border:1px solid #c7d6ae;border-radius:28px;padding:36px}.form-note{color:#53614e;font-size:12px}.mini-cover{background:#e5ebda;border:1px solid #d3dcc8;border-radius:18px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;min-height:230px}
@media(min-width:1025px){.topic-grid .card:nth-child(even){margin-top:24px}}
@media(max-width:1024px){.dock-note{display:none}.section-head{gap:24px}.section-intro{max-width:52%}.hero-stage{padding:25px}}
@media(max-width:768px){.container{width:calc(100% - 40px)}.site-header{width:calc(100% - 24px);top:10px;margin-top:10px}.dock{padding:13px 17px}.logo{font-size:14px;gap:7px}.logo-mark{width:27px;height:27px}.nav-links a{padding:8px 12px;font-size:12px}.hero{padding-top:26px}.hero-desc{font-size:14px}.section{padding:44px 0}.section-head{flex-direction:column;gap:16px}.section-intro{max-width:100%}.timeline-item{border-top:none;border-left:2px solid #cad3bb;padding:0 0 0 20px}.footer-bottom{flex-direction:column;gap:8px}.preference-panel{padding:25px}.news-row{grid-template-columns:80px 1fr;gap:16px}.news-row .arrow{display:none}}
@media(max-width:520px){.dock{border-radius:23px;flex-wrap:wrap;justify-content:center;gap:12px}.nav-links{justify-content:center;width:100%;border-top:1px solid #344032;padding-top:10px}.nav-links a{text-align:center;flex:1}.hero h1{font-size:36px;letter-spacing:-1px}.hero-stage{padding:23px}.hero{padding-bottom:36px}.metric strong{font-size:27px}.news-row{grid-template-columns:1fr;gap:10px}.news-row .tag{justify-self:start}.footer-links{flex-wrap:wrap}.btn{padding:11px 17px}.card{padding:22px}html{scroll-padding-top:156px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}