/* roulang page: index */
:root{--ink:#241d2b;--muted:#706977;--wine:#612c46;--wine-dark:#431d32;--amber:#c88635;--paper:#fbf8f2;--panel:#fffdf9;--line:#e7ded5;--teal:#597979;--shadow:0 14px 34px rgba(55,35,43,.09);--radius:14px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans CJK SC","Microsoft YaHei",Arial,sans-serif;line-height:1.75}a{color:inherit;text-decoration:none;transition:.25s ease}a:hover{color:var(--wine)}img{max-width:100%;display:block}button,input{font:inherit}.container{max-width:var(--max)}
.topline{height:5px;background:var(--wine)}.navbar{background:#fffdf9;border-bottom:1px solid var(--line);padding:15px 0}.brand{font-weight:800;color:var(--wine-dark);font-size:1.05rem;letter-spacing:.02em;white-space:nowrap}.brand small{display:block;color:var(--muted);font-size:.68rem;font-weight:500;letter-spacing:.12em}.navbar-nav .nav-link{color:var(--ink);font-size:.92rem;padding:.55rem .9rem!important;border-bottom:2px solid transparent}.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{color:var(--wine);border-bottom-color:var(--amber)}.nav-query{border:1px solid var(--wine);border-radius:7px;padding:8px 14px;color:var(--wine);font-size:.86rem}.nav-query:hover{background:var(--wine);color:#fff}
.hero{min-height:430px;background:linear-gradient(90deg,rgba(36,29,43,.94) 0%,rgba(36,29,43,.78) 48%,rgba(36,29,43,.3) 100%),url('/images/sd/backpic/back-1.jpg') center/cover;display:flex;align-items:center;color:#fff}.hero-inner{padding:72px 0}.eyebrow{font-size:.78rem;letter-spacing:.16em;color:#f1c98d;text-transform:uppercase}.hero h1{font-size:clamp(2.2rem,5vw,4.3rem);line-height:1.16;max-width:720px;margin:16px 0 20px;font-weight:850}.hero p{max-width:700px;color:#eee5e2;font-size:1.05rem}.btn-main,.btn-outline{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:11px 20px;min-height:44px;margin:10px 10px 0 0;font-weight:700}.btn-main{background:var(--amber);color:#261b1d;border:1px solid var(--amber)}.btn-main:hover{background:#e0a04d;color:#20151a;transform:translateY(-2px)}.btn-outline{border:1px solid rgba(255,255,255,.7);color:#fff}.btn-outline:hover{background:#fff;color:var(--wine)}.hero-meta{display:flex;gap:24px;margin-top:30px;color:#e7d8d0;font-size:.88rem}.hero-meta strong{display:block;color:#fff;font-size:1.2rem}
.section{padding:82px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.section-kicker{color:var(--amber);font-weight:800;font-size:.78rem;letter-spacing:.12em}.section h2{font-size:2rem;line-height:1.3;margin:7px 0}.section-intro{color:var(--muted);max-width:650px;margin:0}.link-more{color:var(--wine);font-weight:700;white-space:nowrap}.feature-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.feature-card,.tool-panel,.scene-card,.result-card,.faq-wrap,.notice-box{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.feature-card{overflow:hidden}.feature-card img{height:240px;width:100%;object-fit:cover}.feature-body{padding:24px}.feature-body h3{margin:8px 0;font-size:1.35rem}.tag{display:inline-block;padding:3px 9px;border-radius:20px;background:#f2e5d6;color:var(--wine);font-size:.75rem;font-weight:700;margin:3px}.tool-panel{padding:25px}.tool-panel h3{font-size:1.15rem;margin:10px 0}.tool-row{padding:15px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:14px}.tool-row:first-of-type{border-top:0}.tool-row span{color:var(--muted);font-size:.9rem}.scene-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.scene-card{padding:22px;min-height:180px}.scene-card .number{font-family:monospace;color:var(--amber);font-size:1.5rem}.scene-card h3{font-size:1.05rem;margin:12px 0 7px}.scene-card p{font-size:.88rem;color:var(--muted);margin:0}
.news-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:20px}.news-list{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:8px 24px}.news-item{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.news-item:last-child{border-bottom:0}.news-item img{width:118px;height:82px;object-fit:cover;border-radius:8px}.news-item h3{font-size:1.05rem;margin:4px 0}.news-item p{font-size:.86rem;color:var(--muted);margin:0}.news-date{font-size:.75rem;color:var(--muted)}.empty{padding:45px 20px;text-align:center;color:var(--muted)}
.compare{background:var(--wine-dark);color:#fff;border-radius:var(--radius);padding:34px}.compare h2{font-size:1.65rem}.compare p{color:#e6d8dc}.metric{border-top:1px solid rgba(255,255,255,.2);padding:15px 0;display:flex;justify-content:space-between}.metric strong{color:#f0c481}.service{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service article{padding:24px;background:#f3ede5;border:1px solid var(--line);border-radius:12px}.service h3{font-size:1.05rem}.service p{font-size:.9rem;color:var(--muted);margin:0}.accordion-item{border:1px solid var(--line)!important;background:var(--panel);margin-bottom:10px;border-radius:10px!important;overflow:hidden}.accordion-button{background:var(--panel);color:var(--ink);font-weight:700}.accordion-button:not(.collapsed){background:#f3e8df;color:var(--wine);box-shadow:none}.accordion-button:focus{box-shadow:0 0 0 3px rgba(200,134,53,.25)}.accordion-body{color:var(--muted);font-size:.94rem}.cta{padding:52px 0;background:#eee4da;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cta h2{font-size:2rem}.cta p{color:var(--muted);max-width:680px}.footer{background:#241d2b;color:#e9e1e1;padding:48px 0 25px}.footer .brand{color:#fff}.footer h3{font-size:.95rem;color:#f1c98d;margin-bottom:15px}.footer a{color:#d6c9ce;display:block;font-size:.88rem;margin:7px 0}.footer a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);margin-top:30px;padding-top:18px;color:#a99ca4;font-size:.78rem}
@media(max-width:991px){.navbar-nav{padding-top:15px}.nav-query{display:inline-block;margin-top:10px}.scene-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.hero{min-height:520px}.hero-inner{padding:54px 0}.hero-meta{gap:14px;flex-wrap:wrap}.section{padding:58px 0}.section-head{display:block}.section-head .link-more{display:inline-block;margin-top:12px}.feature-grid,.news-layout{grid-template-columns:1fr}.service{grid-template-columns:1fr}.news-list{padding:8px 16px}.news-item img{width:92px;height:72px}.hero h1{font-size:2.4rem}}
@media(max-width:520px){.scene-grid{grid-template-columns:1fr}.hero p{font-size:.95rem}.section h2{font-size:1.65rem}.brand{font-size:.92rem}.hero-meta strong{font-size:1.05rem}}

/* roulang page: article */
:root{--ink:#241d2b;--muted:#706977;--wine:#612c46;--wine-dark:#431d32;--amber:#c88635;--paper:#fbf8f2;--panel:#fffdf9;--line:#e7ded5;--teal:#597979;--shadow:0 14px 34px rgba(55,35,43,.09);--radius:14px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans CJK SC","Microsoft YaHei",Arial,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none;transition:.25s ease}a:hover{color:var(--wine)}img{max-width:100%;display:block}button,input{font:inherit}.container{max-width:var(--max)}
.navbar{background:#fffdf9;border-bottom:1px solid var(--line);padding:15px 0}.brand{font-weight:800;color:var(--wine-dark);font-size:1.05rem;letter-spacing:.02em;white-space:nowrap}.brand small{display:block;color:var(--muted);font-size:.68rem;font-weight:500;letter-spacing:.12em}.navbar-toggler{border-color:var(--line)}.navbar-toggler:focus{box-shadow:0 0 0 3px rgba(200,134,53,.2)}.navbar-nav .nav-link{color:var(--ink);font-size:.92rem;padding:.55rem .9rem!important;border-bottom:2px solid transparent}.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{color:var(--wine);border-bottom-color:var(--amber)}.nav-query{border:1px solid var(--wine);border-radius:7px;padding:8px 14px;color:var(--wine);font-size:.86rem}.nav-query:hover{background:var(--wine);color:#fff}
.article-banner{background:linear-gradient(90deg,rgba(36,29,43,.95),rgba(36,29,43,.7)),url('/images/sd/backpic/back-3.jpg') center/cover;color:#fff;padding:68px 0}.crumb{font-size:.84rem;color:#e8d6ce;margin-bottom:24px}.crumb a{color:#f1c98d}.article-banner h1{max-width:850px;font-size:clamp(2rem,4vw,3.5rem);line-height:1.3;margin:0 0 20px;font-weight:850}.article-meta{display:flex;gap:18px;flex-wrap:wrap;color:#eadfdb;font-size:.9rem}.article-meta span{border-left:2px solid var(--amber);padding-left:10px}
.article-section{padding:70px 0}.article-layout{display:grid;grid-template-columns:minmax(0,820px) 280px;gap:38px;align-items:start}.article-main{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(24px,5vw,58px)}.article-main img{border-radius:10px;margin:26px auto}.article-main h2{font-size:1.65rem;color:var(--wine-dark);border-left:4px solid var(--amber);padding-left:14px;margin:38px 0 16px}.article-main h3{font-size:1.2rem;margin:28px 0 10px}.article-main p{margin:0 0 18px;color:#403945}.article-main blockquote{margin:28px 0;padding:18px 22px;background:#f3e8df;border-left:4px solid var(--wine);color:var(--wine-dark);border-radius:8px}.side-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;position:sticky;top:24px}.side-panel h2{font-size:1.05rem;margin:0 0 14px;color:var(--wine)}.side-panel a{display:block;border-top:1px solid var(--line);padding:12px 0;font-size:.9rem}.side-panel a:hover{padding-left:5px}.empty{padding:70px 20px;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.empty h2{color:var(--wine-dark)}.btn-main{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border-radius:8px;background:var(--amber);color:#261b1d;border:1px solid var(--amber);font-weight:700}.btn-main:hover{background:#e0a04d;color:#20151a;transform:translateY(-2px)}
.footer{background:#241d2b;color:#e9e1e1;padding:48px 0 25px}.footer .brand{color:#fff}.footer h3{font-size:.95rem;color:#f1c98d;margin-bottom:15px}.footer a{color:#d6c9ce;display:block;font-size:.88rem;margin:7px 0}.footer a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);margin-top:30px;padding-top:18px;color:#a99ca4;font-size:.78rem}
@media(max-width:991px){.navbar-nav{padding-top:15px}.nav-query{display:inline-block;margin-top:10px}.article-layout{grid-template-columns:1fr}.side-panel{position:static}}
@media(max-width:575px){.article-banner{padding:48px 0}.article-section{padding:42px 0}.article-main{padding:24px 20px}.brand{font-size:.92rem}.article-banner h1{font-size:2rem}}

/* roulang page: category1 */
:root{--ink:#241d2b;--muted:#706977;--wine:#612c46;--wine-dark:#431d32;--amber:#c88635;--paper:#fbf8f2;--panel:#fffdf9;--line:#e7ded5;--teal:#597979;--shadow:0 14px 34px rgba(55,35,43,.09);--radius:14px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans CJK SC","Microsoft YaHei",Arial,sans-serif;line-height:1.75}a{color:inherit;text-decoration:none;transition:.25s}a:hover{color:var(--wine)}img{max-width:100%;display:block}.container{max-width:var(--max)}
.navbar{background:#fffdf9;border-bottom:1px solid var(--line);padding:15px 0}.brand{font-weight:800;color:var(--wine-dark);font-size:1.05rem;letter-spacing:.02em;white-space:nowrap}.brand small{display:block;color:var(--muted);font-size:.68rem;font-weight:500;letter-spacing:.12em}.navbar-nav .nav-link{color:var(--ink);font-size:.92rem;padding:.55rem .9rem!important;border-bottom:2px solid transparent}.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{color:var(--wine);border-bottom-color:var(--amber)}.nav-query{border:1px solid var(--wine);border-radius:7px;padding:8px 14px;color:var(--wine);font-size:.86rem}.nav-query:hover{background:var(--wine);color:#fff}
.page-banner{padding:72px 0 64px;background:linear-gradient(90deg,rgba(36,29,43,.94),rgba(36,29,43,.62)),url('/images/sd/backpic/back-2.webp') center/cover;color:#fff}.crumb{color:#f1c98d;font-size:.82rem;margin-bottom:16px}.page-banner h1{font-size:clamp(2.1rem,5vw,3.8rem);line-height:1.2;margin:0 0 18px}.page-banner p{max-width:700px;color:#eee5e2;font-size:1.05rem}.section{padding:76px 0}.section-kicker{color:var(--amber);font-size:.78rem;font-weight:800;letter-spacing:.13em}.section h2{font-size:2rem;line-height:1.3;margin:8px 0 14px}.intro{color:var(--muted);max-width:720px}
.index-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.index-panel h3{font-size:1.1rem;margin:0 0 15px}.filter{display:flex;flex-wrap:wrap;gap:9px}.tag{padding:6px 13px;border:1px solid var(--line);border-radius:22px;color:var(--muted);font-size:.86rem;background:#fff}.tag.active,.tag:hover{background:var(--wine);border-color:var(--wine);color:#fff}
.rank-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:22px}.rank-main,.side-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.rank-main{overflow:hidden}.rank-main img{width:100%;height:285px;object-fit:cover}.rank-content{padding:25px}.rank-no{font:700 2.2rem Georgia;color:var(--amber);float:left;margin-right:14px;line-height:1}.rank-content h3{font-size:1.35rem;margin:0 0 8px}.rank-content p,.side-card p{color:var(--muted);font-size:.92rem}.side-card{padding:22px}.side-card+.side-card{margin-top:18px}.side-card h3{font-size:1.05rem;margin:0 0 10px}.metric{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:11px 0;font-size:.9rem}.metric strong{color:var(--wine)}
.timeline{border-left:2px solid #d9c5b4;margin:25px 0 0 12px;padding-left:28px}.timeline-item{position:relative;padding:0 0 28px}.timeline-item:before{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:var(--amber);left:-35px;top:9px}.timeline-item h3{font-size:1.08rem;margin:0}.timeline-item p{color:var(--muted);margin:5px 0;font-size:.9rem}
.faq .accordion-item{border:1px solid var(--line)!important;margin-bottom:10px;border-radius:10px!important;overflow:hidden;background:var(--panel)}.accordion-button{background:var(--panel);color:var(--ink);font-weight:700}.accordion-button:not(.collapsed){background:#f3e8df;color:var(--wine);box-shadow:none}.accordion-button:focus{box-shadow:0 0 0 3px rgba(200,134,53,.25)}.accordion-body{color:var(--muted)}
.cta{padding:52px 0;background:#eee4da;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cta h2{font-size:2rem}.cta p{color:var(--muted);max-width:700px}.btn-main,.btn-outline{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:8px;padding:10px 19px;font-weight:700;margin:8px 8px 0 0}.btn-main{background:var(--amber);border:1px solid var(--amber);color:#261b1d}.btn-main:hover{background:#e0a04d;color:#20151a;transform:translateY(-2px)}.btn-outline{border:1px solid var(--wine);color:var(--wine)}.btn-outline:hover{background:var(--wine);color:#fff}
.footer{background:#241d2b;color:#e9e1e1;padding:48px 0 25px}.footer .brand{color:#fff}.footer h3{font-size:.95rem;color:#f1c98d;margin-bottom:15px}.footer a{color:#d6c9ce;display:block;font-size:.88rem;margin:7px 0}.footer a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);margin-top:30px;padding-top:18px;color:#a99ca4;font-size:.78rem}
@media(max-width:991px){.navbar-nav{padding-top:15px}.nav-query{display:inline-block;margin-top:10px}.rank-grid{grid-template-columns:1fr}}
@media(max-width:576px){.section{padding:54px 0}.page-banner{padding:55px 0}.page-banner h1{font-size:2.35rem}.brand{font-size:.92rem}.rank-main img{height:220px}.section h2{font-size:1.65rem}}

/* roulang: framework shim */
/* 覆盖 Bootstrap 等对 a/btn 的全局默认，避免导航出现下划线/蓝链 */
.site-header a,.site-header a:hover,.navbar a,.navbar a:hover,.nav-links a,.nav-links a:hover,header nav a,header nav a:hover{text-decoration:none}
.site-header .btn,.navbar .btn,.nav-cta{text-decoration:none}