/* roulang page: index */
:root{--ink:#17201e;--green:#0f4c45;--green2:#0a3934;--sand:#b9894b;--orange:#c85a32;--paper:#f6f5f1;--cream:#eeeae1;--line:#d9d8cf;--muted:#65706b;--white:#fffdf8;--radius:18px;--shadow:0 12px 32px rgba(23,32,30,.08)}
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;line-height:1.9;font-size:16px} a{color:inherit;text-decoration:none} img{max-width:100%;display:block} button,input,select,textarea{font:inherit} button{cursor:pointer} ::selection{background:#cfe0d9;color:var(--ink)}
    .shell{width:min(1240px,calc(100% - 40px));margin:auto}.section{padding:78px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:13px;font-weight:800;letter-spacing:.12em}.eyebrow:before{content:"";width:26px;height:2px;background:var(--sand)}.section-title{font-size:clamp(27px,3.2vw,43px);line-height:1.3;margin:12px 0 14px;font-weight:800;letter-spacing:-.04em}.section-intro{max-width:720px;color:var(--muted);margin:0;font-size:16px}.tag{display:inline-flex;align-items:center;border:1px solid #cdd7d1;color:var(--green);padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.4}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 19px;border-radius:10px;font-weight:800;transition:.22s ease;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--green);color:white}.btn-primary:hover{background:var(--green2);box-shadow:0 8px 18px rgba(15,76,69,.22)}.btn-outline{border-color:var(--sand);color:var(--sand);background:transparent}.btn-outline:hover{background:#fbf3e7}.btn-text{padding:4px 0;color:var(--green);min-height:28px}.btn-text:hover{color:var(--orange)}.btn-text span{transition:.2s}.btn-text:hover span{transform:translateX(4px)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(185,137,75,.55);outline-offset:3px}
    .site-header{position:sticky;top:0;z-index:50;background:rgba(246,245,241,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand-row{min-height:66px;display:flex;align-items:center;gap:22px}.logo{font-size:20px;font-weight:900;letter-spacing:-.04em;color:var(--green);white-space:nowrap}.logo-mark{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:8px;background:var(--green);color:#f5d7a6;margin-right:7px;font-size:15px}.search{margin-left:auto;width:min(330px,30vw);position:relative}.search input{width:100%;height:38px;padding:0 37px 0 14px;border:1px solid #cfd4cd;border-radius:9px;background:#fffdf9;color:var(--ink);outline:0}.search input:focus{border-color:var(--green)}.search b{position:absolute;right:12px;top:5px;color:var(--green);font-size:18px}.quick{display:flex;gap:15px;font-size:13px;font-weight:700;white-space:nowrap}.quick a:hover{color:var(--orange)}.channels{border-top:1px solid #e4e1d8}.channels-in{display:flex;align-items:center;gap:2px;min-height:44px;overflow:auto}.channels a{padding:10px 13px;white-space:nowrap;font-size:14px;font-weight:800;position:relative}.channels a:hover{color:var(--green)}.channels a.active{color:var(--green)}.channels a.active:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;background:var(--sand);border-radius:2px}.menu-btn{display:none;border:0;background:none;color:var(--green);font-size:21px}.trend{background:var(--ink);color:#e9e5d9}.trend-in{min-height:34px;display:flex;align-items:center;gap:10px;overflow:auto;font-size:12px;white-space:nowrap}.trend strong{color:#f0c783}.trend a{opacity:.9}.trend a:hover{color:#f0c783}
    .hero{background:var(--green);position:relative;overflow:hidden;color:#fff;padding:62px 0 55px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,41,37,.94) 0%,rgba(7,57,51,.82) 52%,rgba(8,42,39,.48));background-image:linear-gradient(90deg,rgba(5,41,37,.94),rgba(7,57,51,.73)),url('/assets/images/backpic/back-1.webp');background-size:cover;background-position:center}.hero:after{content:"";position:absolute;right:5%;top:-80px;width:380px;height:380px;border:1px solid rgba(246,220,175,.18);border-radius:50%;box-shadow:0 0 0 36px rgba(246,220,175,.05),0 0 0 72px rgba(246,220,175,.035)}.hero-grid{position:relative;display:grid;grid-template-columns:1.18fr .82fr;gap:45px;align-items:end}.hero h1{font-size:clamp(34px,5vw,62px);line-height:1.16;letter-spacing:-.06em;margin:14px 0 20px;font-weight:900}.hero p{max-width:690px;color:#e5eee9;font-size:17px;line-height:2;margin:0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.hero .btn-primary{background:var(--sand);color:var(--ink)}.hero .btn-primary:hover{background:#d8aa6d}.hero .btn-outline{border-color:#d7bd93;color:white}.booking-panel{background:#fffdf8;color:var(--ink);padding:25px;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.18);position:relative}.booking-panel h2{font-size:19px;margin:0 0 4px;line-height:1.5}.booking-panel p{color:var(--muted);font-size:13px;line-height:1.7}.time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:17px 0}.time{border:1px solid var(--line);border-radius:8px;text-align:center;padding:8px 3px;font-size:12px;font-weight:700}.time.selected{background:#e3efe9;color:var(--green);border-color:var(--green)}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}.mini-stats div{border-left:1px solid rgba(255,255,255,.3);padding-left:13px}.mini-stats b{display:block;color:#f2cb8d;font-size:22px;line-height:1.2}.mini-stats span{font-size:12px;color:#d4e2dc}
    .dashboard{padding-top:0}.metric-grid{display:grid;grid-template-columns:1.4fr .85fr 1fr .9fr;gap:12px;margin-top:-4px}.metric{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:20px;min-height:150px;transition:.2s}.metric:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.metric:nth-child(1){background:#e6eee9}.metric:nth-child(3){background:#f5ecdc}.metric b{display:block;color:var(--green);font-size:37px;line-height:1.1;letter-spacing:-.06em}.metric small{font-size:12px;color:var(--orange);font-weight:800}.metric p{font-size:13px;line-height:1.7;color:var(--muted);margin:10px 0 0}.update-band{margin-top:20px;display:grid;grid-template-columns:1.35fr .65fr;background:var(--ink);color:white;border-radius:18px;overflow:hidden}.update-list{padding:25px}.update-list h3{margin:0 0 12px;font-size:19px}.update-list li{list-style:none;border-top:1px solid rgba(255,255,255,.15);padding:10px 0;display:flex;gap:14px;font-size:14px}.update-list em{color:#efc983;font-style:normal;font-weight:800}.update-image{position:relative;min-height:260px;background:url('/assets/images/coverpic/cover-2.webp') center/cover}.update-image:after{content:"重点阅读";position:absolute;left:20px;bottom:17px;background:var(--sand);color:var(--ink);font-size:12px;font-weight:800;padding:4px 10px;border-radius:4px}
    .intro-wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:62px;margin-top:58px;padding:44px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.index-list{border-left:2px solid var(--sand);padding-left:20px}.index-list strong{font-size:56px;line-height:1;color:var(--green);display:block;letter-spacing:-.08em}.index-list p{font-size:14px;color:var(--muted)}.index-list a{display:block;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px;font-weight:700}.intro-copy p{margin:0 0 20px;color:#33403b}.intro-copy h2{font-size:30px;line-height:1.35;margin:0 0 18px}.quote{border-left:3px solid var(--sand);padding:8px 0 8px 18px;color:var(--green);font-weight:800;margin:23px 0}
    .matrix{background:#ebe9e1}.matrix-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:14px;margin-top:32px}.matrix-card{background:var(--white);border:1px solid #d7d4ca;border-radius:var(--radius);padding:24px;min-height:218px;position:relative;overflow:hidden;transition:.22s}.matrix-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.matrix-card.large{grid-row:span 2;min-height:450px;background:var(--green);color:#fff;padding:30px;display:flex;flex-direction:column;justify-content:flex-end}.matrix-card.large:before{content:"";position:absolute;inset:0;background:url('/assets/images/coverpic/cover-3.webp') center/cover;opacity:.3}.matrix-card.large>*{position:relative}.num{font-size:13px;font-weight:900;color:var(--sand);letter-spacing:.12em}.matrix-card h3{font-size:21px;line-height:1.35;margin:23px 0 10px}.matrix-card p{font-size:14px;color:var(--muted);line-height:1.85}.large p{color:#e0ebe5}.matrix-card .tag{margin-top:12px}.matrix-card .btn-text{margin-top:12px}.matrix-strip{grid-column:2/4;background:var(--ink);color:white;border-radius:14px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}.matrix-strip p{margin:0;color:#d7e2db;font-size:14px}
    .reading-stage{padding-top:35px;display:grid;grid-template-columns:.82fr 1.18fr;gap:38px;align-items:start}.reading-image{position:sticky;top:165px}.reading-image img{width:100%;height:550px;object-fit:cover;border-radius:20px}.reading-copy{max-width:700px}.reading-copy h2{font-size:33px;line-height:1.3;margin:0 0 19px}.reading-copy h3{font-size:20px;margin:28px 0 8px;color:var(--green)}.reading-copy p{margin:0 0 18px;color:#39453f}.reading-copy ul{padding-left:20px;margin:10px 0 20px}.reading-copy li{margin-bottom:8px}.notice{background:#f7eedf;border:1px solid #e5c997;border-radius:12px;padding:17px 19px;color:#6a4c24;font-size:14px}
    .testimonials{background:var(--green);color:white}.testimonial-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;margin-top:32px}.testimonial-main{padding:35px;border:1px solid rgba(255,255,255,.2);border-radius:18px}.testimonial-main blockquote{font-size:24px;line-height:1.7;margin:0;color:#fff5e3}.testimonial-main cite{display:block;margin-top:22px;color:#d5e3dc;font-size:14px;font-style:normal}.voice{background:#143f3a;padding:24px;border-radius:18px;border:1px solid rgba(255,255,255,.14)}.voice p{font-size:14px;color:#d7e3dd}.voice b{color:#ecc681}
    .news-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.news-layout{display:grid;grid-template-columns:.34fr .66fr;gap:35px;margin-top:30px}.news-side{padding:24px;background:#e5e9e2;border-radius:16px}.news-side img{height:220px;width:100%;object-fit:cover;border-radius:11px;margin:15px 0}.news-side p{font-size:14px;color:var(--muted)}.news-list{border-top:1px solid var(--line)}.news-item{display:grid;grid-template-columns:93px 1fr auto;gap:19px;padding:22px 0;border-bottom:1px solid var(--line);align-items:center}.date{font-weight:900;color:var(--green);line-height:1.3}.date small{display:block;color:var(--muted);font-weight:500;font-size:12px}.news-item h3{margin:0 0 6px;font-size:18px;line-height:1.45}.news-item p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}.news-item .btn-text{white-space:nowrap;font-size:13px}
    .compare{background:#f0eee7}.compare-row{display:grid;grid-template-columns:1fr 68px 1fr;gap:12px;align-items:stretch;margin-top:20px}.path{padding:25px;border-radius:16px;border:1px solid var(--line)}.path.old{background:#e4e1d8;color:#59615d}.path.new{background:var(--green);color:white;border-color:var(--green)}.path h3{margin:0 0 12px;font-size:21px}.path ul{padding:0;margin:0;list-style:none}.path li{border-top:1px solid rgba(23,32,30,.12);padding:9px 0;font-size:14px}.path.new li{border-color:rgba(255,255,255,.17)}.arrow{display:grid;place-items:center;color:var(--orange);font-size:30px;font-weight:900}.deep-guide{margin-top:64px;display:grid;grid-template-columns:1fr 290px;gap:54px}.article-body h2{font-size:34px;line-height:1.32;margin:0 0 20px}.article-body h3{color:var(--green);font-size:21px;margin:30px 0 9px}.article-body p{margin:0 0 20px;color:#36423d}.article-body strong{color:var(--green)}.article-index{border-left:1px solid var(--line);padding-left:25px;position:sticky;top:150px;height:max-content}.article-index b{font-size:13px;color:var(--green)}.article-index a{display:block;font-size:14px;padding:8px 0;color:var(--muted)}.article-index a:hover{color:var(--orange)}.special-banner{margin-top:40px;border-radius:18px;overflow:hidden;position:relative;min-height:285px;color:white;display:flex;align-items:end;padding:34px;background:url('/assets/images/coverpic/cover-7.webp') center/cover}.special-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,39,36,.93),rgba(8,39,36,.42))}.special-banner>div{position:relative;max-width:650px}.special-banner h3{font-size:28px;margin:12px 0 8px}.special-banner p{margin:0 0 17px;color:#e3ebe6}
    .safety-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:30px}.safe-card{border-top:3px solid var(--sand);padding:20px;background:var(--white);border-radius:0 0 14px 14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-left:1px solid var(--line)}.safe-card b{font-size:17px;color:var(--green)}.safe-card p{font-size:13px;color:var(--muted);margin:8px 0 0}
    .faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:56px;margin-top:30px}.faq-intro{position:sticky;top:150px;height:max-content}.faq-intro p{color:var(--muted)}.faq-intro .tag{margin:4px}.faq-item{border-top:1px solid var(--line)}.faq-q{width:100%;background:none;border:0;padding:18px 0;text-align:left;display:flex;gap:15px;align-items:center;font-weight:800;font-size:17px;color:var(--ink)}.faq-q i{font-style:normal;color:var(--sand);font-size:13px}.faq-q span:last-child{margin-left:auto;color:var(--green);font-size:22px}.faq-a{display:none;padding:0 35px 20px 29px;color:var(--muted);font-size:15px}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q span:last-child{transform:rotate(45deg)}.faq-foot{margin-top:25px;font-size:14px;color:var(--muted)}
    .form-section{background:var(--ink);color:white}.form-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:start}.form-copy h2{font-size:37px;line-height:1.3;margin:10px 0 14px}.form-copy>p{color:#d6e1db}.process{margin-top:28px}.process div{display:flex;gap:15px;margin:17px 0;color:#dbe7e0;font-size:14px}.process b{min-width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--sand);color:var(--ink);font-size:12px}.contact-note{margin-top:25px;padding-top:20px;border-top:1px solid rgba(255,255,255,.18);font-size:13px;color:#b9cbc2}.form-card{background:#fbfaf5;border-radius:18px;padding:28px;color:var(--ink)}.form-card h3{margin:0 0 16px;font-size:22px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{margin-bottom:15px}.field label{display:block;font-size:13px;font-weight:800;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid #cfd2ca;border-radius:8px;background:white;padding:10px 12px;outline:none}.field textarea{min-height:104px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(15,76,69,.11)}.check{font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:start;margin:5px 0 16px}.check input{margin-top:6px}.privacy{font-size:12px;color:var(--muted);margin-top:13px}
    .float-bar{position:fixed;right:18px;bottom:18px;z-index:40;background:#fffdf8;border:1px solid #d4d1c7;box-shadow:var(--shadow);border-radius:13px;padding:10px 10px 10px 15px;display:flex;align-items:center;gap:15px;font-size:13px}.float-bar b{color:var(--green)}.float-bar .btn{min-height:38px;padding:7px 12px;font-size:13px}
    footer{background:#132522;color:#c9d1cb;padding:55px 0 25px;border-top:3px solid var(--sand)}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr 1fr;gap:30px}.footer-logo{color:#fff;font-size:22px;font-weight:900}.footer-grid h3{font-size:14px;color:#e8c584;margin:3px 0 12px}.footer-grid a{display:block;font-size:13px;padding:4px 0}.footer-grid a:hover{color:#e8c584;text-decoration:underline}.footer-grid p{font-size:13px;margin:0;color:#bdc8c0}.subscribe{display:flex;margin-top:12px}.subscribe input{min-width:0;width:100%;border:0;padding:9px;border-radius:7px 0 0 7px}.subscribe button{border:0;background:var(--sand);padding:0 11px;border-radius:0 7px 7px 0;color:var(--ink);font-weight:800}.legal{margin-top:38px;padding-top:17px;border-top:1px solid rgba(255,255,255,.16);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:12px}.legal a{display:inline;padding:0;color:#d9ddd8}
    @media(max-width:900px){.hero-grid,.intro-wrap,.reading-stage,.testimonial-grid,.news-layout,.faq-grid,.form-wrap{grid-template-columns:1fr}.booking-panel{max-width:560px}.metric-grid{grid-template-columns:1fr 1fr}.matrix-grid{grid-template-columns:1fr 1fr}.matrix-card.large{grid-row:auto;grid-column:span 2;min-height:330px}.matrix-strip{grid-column:span 2}.reading-image{position:static}.reading-image img{height:320px}.deep-guide{grid-template-columns:1fr}.article-index{position:static;border-left:0;border-top:1px solid var(--line);padding:17px 0}.faq-intro{position:static}.safety-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:680px){body{font-size:15px}.shell{width:min(100% - 28px,1240px)}.brand-row{gap:12px;min-height:58px}.search{margin-left:auto;width:auto}.search input{display:none}.search b{position:static;font-size:21px}.quick{display:none}.menu-btn{display:block}.channels a{padding-left:10px;padding-right:10px;font-size:13px}.hero{padding:40px 0}.hero h1{font-size:36px}.hero p{font-size:15px}.mini-stats{gap:5px}.mini-stats b{font-size:18px}.section{padding:54px 0}.metric-grid,.matrix-grid,.safety-grid{grid-template-columns:1fr}.metric{min-height:122px}.update-band{grid-template-columns:1fr}.update-image{min-height:180px}.matrix-card.large,.matrix-strip{grid-column:auto}.matrix-card.large{min-height:300px}.matrix-strip{display:block}.matrix-strip .btn-text{margin-top:10px;color:#ecc681}.news-item{grid-template-columns:65px 1fr}.news-item .btn-text{grid-column:2}.compare-row{grid-template-columns:1fr}.arrow{height:28px;transform:rotate(90deg)}.field-grid{grid-template-columns:1fr}.form-card{padding:21px}.footer-grid{grid-template-columns:1fr}.float-bar{left:10px;right:10px;bottom:10px;justify-content:space-between}.float-bar span{display:none}.section-title{font-size:29px}.testimonial-main blockquote{font-size:19px}}

/* roulang page: category1 */
:root{--ink:#17201e;--green:#0f4c45;--green2:#0a3934;--sand:#b9894b;--orange:#c85a32;--paper:#f6f5f1;--cream:#eeeae1;--line:#d9d8cf;--muted:#65706b;--white:#fffdf8;--radius:18px;--shadow:0 12px 32px rgba(23,32,30,.08)}
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;line-height:1.9;font-size:16px}
    a{color:inherit;text-decoration:none} img{max-width:100%;display:block} button,input,select,textarea{font:inherit} button{cursor:pointer;border:0} .shell{width:min(1240px,calc(100% - 48px));margin:auto}
    .site-header{position:sticky;top:0;z-index:50;background:rgba(246,245,241,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
    .brand-row{min-height:66px;display:flex;align-items:center;gap:22px}.logo{font-size:20px;font-weight:900;letter-spacing:-.04em;color:var(--green);white-space:nowrap}.logo-mark{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:8px;background:var(--green);color:#f5d7a6;margin-right:7px;font-size:15px}
    .search{margin-left:auto;width:min(330px,30vw);position:relative}.search input{width:100%;height:38px;padding:0 38px 0 14px;border:1px solid #cfd4cd;border-radius:9px;background:#fffdf9;color:var(--ink);outline:0}.search input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(15,76,69,.12)}.search b{position:absolute;right:12px;top:4px;color:var(--green);font-size:19px}
    .quick{display:flex;gap:16px;font-size:14px;font-weight:700}.quick a:hover{color:var(--orange)}.channels{border-top:1px solid #e5e2d9;background:#fbfaf6}.channels-in{display:flex;align-items:center;overflow-x:auto}.channels a{padding:10px 13px;white-space:nowrap;font-size:14px;font-weight:800;position:relative}.channels a:hover{color:var(--green)}.channels a.active{color:var(--green)}.channels a.active:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;background:var(--sand);border-radius:2px}
    .trend{background:var(--green2);color:#eaf0eb;font-size:13px}.trend-in{display:flex;align-items:center;gap:11px;min-height:33px;overflow-x:auto;white-space:nowrap}.trend strong{color:#f0c783}.trend a{opacity:.93}.trend a:hover{color:#f0c783}.menu-btn{display:none;background:none;color:var(--green);font-size:22px}
    .hero{background:var(--green);color:#fff;position:relative;overflow:hidden;padding:55px 0 58px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,48,43,.95),rgba(7,48,43,.76)),url('/assets/images/backpic/back-2.webp') center/cover}.hero:after{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(238,210,165,.2);border-radius:50%;right:-80px;top:-170px;box-shadow:0 0 0 36px rgba(238,210,165,.04),0 0 0 74px rgba(238,210,165,.025)}
    .hero-inner{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:end}.crumb{color:#dbe6df;font-size:14px}.crumb span{color:#e4bf81;margin:0 8px}.hero h1{font-size:clamp(36px,5vw,61px);line-height:1.16;letter-spacing:-.06em;margin:14px 0 17px;font-weight:900}.hero p{max-width:680px;color:#e4eee9;margin:0;font-size:17px;line-height:2}.hero-meta{border-left:1px solid rgba(255,255,255,.32);padding:13px 0 13px 25px}.hero-meta strong{display:block;font-size:13px;color:#e9c88d;letter-spacing:.1em}.hero-meta p{font-size:14px;margin-top:4px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:10px 18px;border:1px solid transparent;border-radius:10px;font-weight:800;transition:.22s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--sand);color:var(--ink)}.btn-primary:hover{background:#d5a565;box-shadow:0 8px 18px rgba(0,0,0,.18)}.btn-outline{border-color:#d8bf96;color:#fff}.btn-outline:hover{background:rgba(255,255,255,.09)}.btn-text{padding:3px 0;min-height:auto;color:var(--green);font-weight:800}.btn-text span{transition:.2s}.btn-text:hover{color:var(--orange)}.btn-text:hover span{transform:translateX(4px)}
    .section{padding:76px 0}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--green);font-weight:800;font-size:13px;letter-spacing:.12em}.eyebrow:before{content:"";width:25px;height:2px;background:var(--sand)}.section-title{font-size:clamp(27px,3.4vw,43px);line-height:1.3;letter-spacing:-.045em;margin:12px 0;font-weight:900}.section-intro{color:var(--muted);max-width:720px;margin:0;line-height:2}
    .filter-panel{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:17px 19px;display:flex;gap:14px;align-items:center;justify-content:space-between;margin-top:-26px;position:relative;box-shadow:var(--shadow)}.filter-group{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.filter-group strong{font-size:14px}.filter-tag{border:1px solid #d8d7ce;background:#fff;padding:5px 11px;border-radius:999px;font-size:13px;transition:.2s}.filter-tag:hover,.filter-tag.active{background:#e8f0eb;border-color:#a8c1b4;color:var(--green)}
    .lead-grid{display:grid;grid-template-columns:1.13fr .87fr;gap:25px;margin-top:34px}.lead-story{overflow:hidden;border-radius:22px;background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow)}.lead-image{height:340px;position:relative}.lead-image img{width:100%;height:100%;object-fit:cover}.lead-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,41,37,.5),transparent 58%)}.lead-body{padding:26px 29px 29px}.label{display:inline-flex;padding:3px 9px;border-radius:999px;background:#e8f0eb;color:var(--green);font-size:12px;font-weight:800}.lead-body h2{font-size:27px;line-height:1.42;margin:13px 0 9px;letter-spacing:-.035em}.lead-body p{margin:0;color:var(--muted)}
    .brief-list{display:grid;gap:12px}.brief{display:grid;grid-template-columns:92px 1fr;gap:17px;padding:19px;background:var(--white);border:1px solid var(--line);border-radius:15px;transition:.22s}.brief:hover{transform:translateX(4px);border-color:#b9c7bc;box-shadow:var(--shadow)}.brief time{color:var(--orange);font-weight:900;font-size:14px;border-right:1px solid var(--line);line-height:1.45}.brief h3{font-size:17px;line-height:1.45;margin:0 0 5px}.brief p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}
    .content-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:48px;align-items:start}.timeline{position:relative}.timeline:before{content:"";position:absolute;left:86px;top:5px;bottom:0;width:1px;background:#cbd1c9}.news-item{display:grid;grid-template-columns:72px minmax(0,1fr);gap:31px;position:relative;padding:0 0 35px}.news-date{color:var(--green);font-weight:900;line-height:1.2;font-size:15px;text-align:right}.news-date small{display:block;margin-top:5px;color:var(--muted);font-size:12px}.news-dot{position:absolute;left:81px;top:7px;width:11px;height:11px;background:var(--sand);border:3px solid var(--paper);border-radius:50%}.news-card{background:var(--white);border:1px solid var(--line);border-radius:15px;padding:22px 23px;transition:.22s}.news-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#bdc9c0}.news-card h2{font-size:21px;line-height:1.45;margin:0 0 8px;letter-spacing:-.025em}.news-card p{color:var(--muted);margin:0 0 13px;font-size:15px}.news-card-foot{display:flex;justify-content:space-between;align-items:center;gap:12px}.read-time{font-size:12px;color:var(--muted)}
    .sidebar{position:sticky;top:166px}.side-box{padding:23px;border:1px solid var(--line);background:#eeece4;border-radius:16px;margin-bottom:16px}.side-box.dark{background:var(--green);color:#fff;border-color:var(--green)}.side-box h2{font-size:18px;margin:0 0 12px;line-height:1.4}.side-box p{font-size:14px;line-height:1.85;margin:0;color:var(--muted)}.dark p{color:#dbe8e0}.month-list{list-style:none;padding:0;margin:0}.month-list li{padding:10px 0;border-top:1px solid #d5d4cb;font-size:14px;font-weight:700}.month-list li:first-child{border-top:0}.month-list b{color:var(--orange);margin-right:8px}.tag-cloud{display:flex;gap:8px;flex-wrap:wrap}.tag{display:inline-flex;border:1px solid #c6d1c9;color:var(--green);padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700}.subscribe-mini{margin-top:14px;display:flex}.subscribe-mini input{min-width:0;width:100%;border:1px solid #bdc8c0;border-radius:8px 0 0 8px;padding:9px 10px;background:#fffdf8;color:var(--ink)}.subscribe-mini button{background:var(--sand);color:var(--ink);font-weight:800;border-radius:0 8px 8px 0;padding:0 12px}
    .deep-read{background:var(--cream)}.deep-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px;align-items:start}.deep-index{position:sticky;top:160px;border-left:2px solid var(--sand);padding-left:20px}.deep-index b{font-size:54px;line-height:1;color:var(--green);display:block;letter-spacing:-.08em}.deep-index p{font-size:14px;color:var(--muted)}.deep-index a{display:block;padding:9px 0;border-bottom:1px solid #d4d2c9;font-weight:700;font-size:14px}.deep-copy{font-size:16px;line-height:2;color:#39433f}.deep-copy h2{font-size:30px;line-height:1.35;color:var(--ink);margin:0 0 20px;letter-spacing:-.04em}.deep-copy h3{font-size:20px;color:var(--green);margin:31px 0 8px}.deep-copy p{margin:0 0 21px}.quote{padding:19px 22px;background:#fffaf0;border-left:4px solid var(--sand);border-radius:0 12px 12px 0;color:#53432f;font-weight:700;margin:25px 0}
    .feature-strip{padding:0 0 76px}.feature{min-height:285px;border-radius:21px;overflow:hidden;position:relative;color:#fff;display:flex;align-items:end;padding:37px;background:var(--green)}.feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.43}.feature:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,42,38,.91),rgba(7,42,38,.58),rgba(7,42,38,.15))}.feature-copy{position:relative;z-index:1;max-width:650px}.feature h2{font-size:34px;line-height:1.3;margin:9px 0}.feature p{margin:0;color:#e3eee8}.feature .btn{margin-top:20px}
    .notice-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.notice{padding:24px;border-top:3px solid var(--green);background:var(--white);border-radius:0 0 15px 15px;border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.notice h2{font-size:20px;margin:0 0 8px}.notice p{margin:0;color:var(--muted);font-size:15px}
    .pagination{display:flex;gap:8px;align-items:center;margin-top:18px}.page{width:39px;height:39px;display:grid;place-items:center;border-radius:9px;border:1px solid var(--line);background:var(--white);font-weight:800;font-size:14px}.page:hover,.page.active{background:var(--green);color:#fff;border-color:var(--green)}
    .cta{background:var(--green2);color:#fff;padding:58px 0}.cta-grid{display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center}.cta h2{font-size:34px;line-height:1.35;margin:0 0 9px;letter-spacing:-.04em}.cta p{color:#d6e4dc;margin:0;max-width:680px}.cta-actions{display:flex;gap:12px;flex-wrap:wrap}.cta .btn-outline{color:#fff;border-color:#c9aa7d}
    footer{background:#172a26;color:#d9dfd9;padding:56px 0 20px}footer .footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr 1.15fr;gap:35px}.footer-logo{font-size:21px;font-weight:900;color:#fff}.footer-logo .logo-mark{background:var(--sand);color:var(--ink)}footer h3{font-size:15px;color:#f0cb91;margin:0 0 13px}footer p{font-size:14px;line-height:1.8;margin:0;color:#bdc9c1}footer a{display:block;font-size:14px;margin:7px 0;transition:.2s}footer a:hover{color:#efc783;text-decoration:underline}.subscribe{display:flex;margin-top:12px}.subscribe input{min-width:0;width:100%;padding:9px;border:1px solid #60716a;border-radius:8px 0 0 8px;background:#20352f;color:#fff}.subscribe button{padding:0 12px;background:var(--sand);border-radius:0 8px 8px 0;color:var(--ink);font-weight:800}.legal{border-top:1px solid rgba(229,213,181,.22);margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:12px;color:#bfc8c1}.legal a{display:inline;margin:0}
    a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(185,137,75,.6);outline-offset:3px}
    @media(max-width:1024px){.content-layout{grid-template-columns:1fr}.sidebar{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.side-box{margin:0}.deep-grid{gap:35px}.hero-inner{grid-template-columns:1fr}.hero-meta{border-left:0;border-top:1px solid rgba(255,255,255,.25);padding:15px 0 0}.lead-grid{grid-template-columns:1fr}.brief-list{grid-template-columns:repeat(3,1fr)}.brief{grid-template-columns:1fr}.brief time{border-right:0;border-bottom:1px solid var(--line);padding-bottom:7px}.footer-grid{grid-template-columns:repeat(2,1fr)!important}}
    @media(max-width:767px){body{font-size:15px}.shell{width:min(100% - 30px,1240px)}.brand-row{gap:12px;min-height:59px}.search{display:none}.quick{display:none}.menu-btn{display:block;margin-left:auto}.channels{display:none}.trend-in{min-height:31px}.hero{padding:43px 0}.hero h1{font-size:38px}.hero p{font-size:15px}.section{padding:54px 0}.filter-panel{margin-top:-16px;display:block}.filter-group+.filter-group{margin-top:10px}.lead-image{height:235px}.lead-body{padding:21px}.lead-body h2{font-size:23px}.brief-list{grid-template-columns:1fr}.brief{grid-template-columns:78px 1fr}.brief time{border-bottom:0;border-right:1px solid var(--line);padding-bottom:0}.timeline:before{left:57px}.news-item{grid-template-columns:48px 1fr;gap:21px}.news-dot{left:52px}.news-date{font-size:12px}.news-card{padding:18px}.news-card h2{font-size:18px}.sidebar{grid-template-columns:1fr}.deep-grid{grid-template-columns:1fr}.deep-index{position:static}.deep-copy h2{font-size:27px}.feature{min-height:335px;padding:25px}.feature h2{font-size:28px}.notice-grid{grid-template-columns:1fr}.cta-grid{grid-template-columns:1fr}.cta h2{font-size:29px}footer .footer-grid{grid-template-columns:1fr!important;gap:25px}.legal{display:block}.legal span{display:block;margin:7px 0}}

/* roulang page: category2 */
:root{--ink:#17201e;--green:#0f4c45;--green2:#0a3934;--sand:#b9894b;--orange:#c85a32;--paper:#f6f5f1;--cream:#eeeae1;--line:#d9d8cf;--muted:#65706b;--white:#fffdf8;--radius:18px;--shadow:0 12px 32px rgba(23,32,30,.08)}
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;line-height:1.9;font-size:16px}
    a{color:inherit;text-decoration:none} img{display:block;max-width:100%} button,input,select,textarea{font:inherit} button{cursor:pointer} input,select,textarea{border-radius:10px}
    .shell{width:min(1240px,calc(100% - 48px));margin:0 auto}.section{padding:76px 0}.section-soft{background:#eeece5}.section-title{margin:10px 0 14px;font-size:clamp(28px,3vw,42px);line-height:1.3;letter-spacing:-.045em;font-weight:900}.section-intro{max-width:760px;margin:0;color:var(--muted);line-height:2}
    .eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--green);font-size:13px;font-weight:800;letter-spacing:.12em}.eyebrow:before{content:"";width:25px;height:2px;background:var(--sand)}
    .tag{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:1px solid #c8d2ca;border-radius:99px;color:var(--green);font-size:12px;font-weight:800;line-height:1.45}.tag.warm{border-color:#d9bd92;color:#875b24;background:#fff8ea}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 19px;border:1px solid transparent;border-radius:10px;font-weight:800;transition:transform .2s ease,background .2s ease,box-shadow .2s ease,color .2s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:var(--green2);box-shadow:0 8px 20px rgba(15,76,69,.22)}.btn-outline{border-color:var(--sand);color:#8e6128;background:transparent}.btn-outline:hover{background:#fff7e9}.btn-text{padding:4px 0;min-height:28px;color:var(--green)}.btn-text:hover{color:var(--orange)}.btn-text span{transition:.2s}.btn-text:hover span{transform:translateX(4px)}
    a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(185,137,75,.58);outline-offset:3px}
    .site-header{position:sticky;top:0;z-index:50;background:rgba(246,245,241,.97);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand-row{min-height:66px;display:flex;align-items:center;gap:22px}.logo{font-size:20px;font-weight:900;letter-spacing:-.04em;color:var(--green);white-space:nowrap}.logo-mark{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:8px;background:var(--green);color:#f5d7a6;margin-right:7px;font-size:15px}.search{margin-left:auto;width:min(330px,30vw);position:relative}.search input{width:100%;height:38px;padding:0 37px 0 14px;border:1px solid #cfd4cd;background:#fffdf9;color:var(--ink);outline:0}.search input:focus{border-color:var(--green)}.search b{position:absolute;right:12px;top:4px;color:var(--green);font-size:19px}.quick{display:flex;gap:15px;white-space:nowrap;font-size:14px;font-weight:700}.quick a:hover{color:var(--orange)}.channels{border-top:1px solid rgba(217,216,207,.7)}.channels-in{display:flex;align-items:center;overflow-x:auto}.channels a{padding:10px 13px;white-space:nowrap;font-size:14px;font-weight:800;position:relative}.channels a:hover{color:var(--green)}.channels a.active{color:var(--green)}.channels a.active:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;background:var(--sand);border-radius:2px}.trend{background:var(--green);color:#edf2ec;font-size:13px}.trend-in{display:flex;gap:11px;align-items:center;min-height:31px;white-space:nowrap;overflow-x:auto}.trend-in strong{color:#f2ce91}.trend a{opacity:.94}.trend a:hover{color:#f0c783}.menu-btn{display:none;border:0;background:none;color:var(--green);font-size:21px}
    .guide-hero{position:relative;overflow:hidden;background:var(--cream);border-bottom:1px solid var(--line)}.guide-hero:after{content:"01  02  03";position:absolute;right:3%;bottom:-47px;color:rgba(15,76,69,.07);font-size:clamp(110px,15vw,225px);font-weight:900;letter-spacing:-.11em;line-height:1;white-space:nowrap}.guide-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding:65px 0 53px}.crumb{font-size:13px;color:var(--muted)}.crumb a:hover{color:var(--green)}.guide-hero h1{max-width:680px;margin:15px 0 19px;font-size:clamp(38px,5.4vw,64px);font-weight:900;letter-spacing:-.07em;line-height:1.14}.guide-hero p{max-width:690px;margin:0;color:#48534e;font-size:17px;line-height:2}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.guide-panel{padding:26px;border:1px solid #d4d2c8;border-radius:20px;background:rgba(255,253,248,.88);box-shadow:var(--shadow)}.guide-panel h2{font-size:19px;margin:0 0 14px}.guide-panel ul{padding:0;margin:0;list-style:none}.guide-panel li{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-top:1px solid var(--line);font-size:14px}.guide-panel li b{color:var(--green)}.count-bar{position:relative;z-index:2;border-top:1px solid #d2cfc4;background:#fffdf8}.count-in{display:grid;grid-template-columns:1.25fr repeat(3,.55fr);gap:0}.count-item{padding:15px 20px;border-right:1px solid var(--line)}.count-item:last-child{border:0}.count-item small{display:block;color:var(--muted);font-size:12px}.count-item b{font-size:18px;color:var(--green)}
    .finder{margin-top:-31px;position:relative;z-index:3;padding:19px;background:var(--green);border-radius:16px;display:grid;grid-template-columns:1.1fr auto;gap:18px;align-items:center;box-shadow:0 14px 30px rgba(15,76,69,.18)}.finder strong{color:#fff;font-size:16px}.finder-form{display:flex;gap:9px}.finder input{height:43px;width:280px;padding:0 14px;border:0;background:#fffdf8}.finder button{border:1px solid #d5b17c;background:transparent;color:#fff;padding:0 16px;border-radius:10px;font-weight:800}.finder button:hover{background:var(--sand);color:var(--ink)}
    .filter-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.filter-row a{padding:6px 12px;border:1px solid var(--line);border-radius:99px;background:var(--white);font-size:13px;font-weight:700;transition:.2s}.filter-row a:hover,.filter-row a.current{color:#fff;background:var(--green);border-color:var(--green)}
    .manual-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:54px;align-items:start}.step-nav{position:sticky;top:162px;padding:20px;background:#fffdf8;border:1px solid var(--line);border-radius:16px}.step-nav h2{font-size:16px;margin:0 0 10px}.step-nav a{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px;font-weight:750;line-height:1.55}.step-nav a:last-child{border-bottom:0}.step-nav a:hover{color:var(--orange)}.step-no{color:var(--sand);font-weight:900}
    .article-guide{max-width:800px}.article-guide h2{font-size:31px;line-height:1.35;margin:0 0 16px;letter-spacing:-.04em}.article-guide h3{font-size:21px;margin:35px 0 10px;color:var(--green)}.article-guide p{margin:0 0 22px;color:#35403b;line-height:2}.article-guide strong{color:var(--green)}.notice{padding:20px 22px;margin:27px 0;border-left:4px solid var(--sand);border-radius:0 13px 13px 0;background:#fff8ec}.notice h3{margin:0 0 7px;font-size:17px;color:var(--ink)}.notice p{margin:0;font-size:14px}.rule-list{padding:0;margin:20px 0 25px;list-style:none}.rule-list li{position:relative;padding:10px 0 10px 29px;border-bottom:1px dashed #d6d4cb}.rule-list li:before{content:"✓";position:absolute;left:2px;top:10px;color:var(--orange);font-weight:900}
    .image-note{margin:31px 0}.image-note img{height:330px;width:100%;object-fit:cover;border-radius:17px}.image-note figcaption{padding:10px 4px;color:var(--muted);font-size:13px}
    .path-grid{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:15px;margin-top:30px}.path-card{padding:25px;border:1px solid var(--line);border-radius:17px;background:var(--white);transition:.22s}.path-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.path-card.featured{background:var(--green);color:#fff}.path-card .num{font-size:13px;color:var(--sand);font-weight:900}.path-card h3{font-size:21px;line-height:1.4;margin:18px 0 9px}.path-card p{font-size:14px;line-height:1.85;color:var(--muted)}.path-card.featured p{color:#d9e5df}.path-card img{height:170px;width:100%;object-fit:cover;border-radius:11px;margin:15px 0 0}
    .related-list{border-top:1px solid var(--line);margin-top:27px}.related-item{display:grid;grid-template-columns:110px 1fr auto;gap:20px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line)}.related-item time{color:var(--sand);font-size:13px;font-weight:800}.related-item h3{margin:0 0 4px;font-size:18px;line-height:1.45}.related-item p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}
    .topic-banner{position:relative;overflow:hidden;border-radius:20px;min-height:310px;margin-top:45px;color:#fff;background:var(--green)}.topic-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.43}.topic-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,42,38,.93),rgba(6,42,38,.55),rgba(6,42,38,.2))}.topic-copy{position:relative;z-index:1;padding:49px;max-width:690px}.topic-copy h2{font-size:34px;line-height:1.32;margin:12px 0}.topic-copy p{color:#e3ece6;margin:0 0 20px}
    .faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px}.faq-side{position:sticky;top:160px;align-self:start}.faq-side p{color:var(--muted)}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;display:flex;align-items:center;gap:14px;padding:19px 0;text-align:left;color:var(--ink);background:none;border:0;font-weight:850;font-size:17px;line-height:1.55}.faq-q .qnum{color:var(--sand);font-size:13px}.faq-q b{margin-left:auto;color:var(--green);font-size:23px;font-weight:400}.faq-a{display:none;padding:0 39px 20px 42px;color:var(--muted);font-size:15px;line-height:2}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q b{transform:rotate(45deg)}
    .cta-strip{background:var(--green2);color:#fff}.cta-in{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.cta-in h2{margin:0 0 8px;font-size:30px;line-height:1.35}.cta-in p{margin:0;color:#d7e2dd}.cta-in .btn-primary{background:var(--sand);color:var(--ink)}.cta-in .btn-primary:hover{background:#d7aa6e}
    footer{padding:59px 0 20px;background:#172a27;color:#cbd3ce}footer .footer-grid{display:grid;grid-template-columns:1.35fr .8fr .8fr 1.1fr;gap:35px}.footer-logo{font-size:21px;font-weight:900;color:#fff}.footer-grid h3{color:#f1d098;margin:0 0 12px;font-size:15px}.footer-grid p{margin:0;color:#b7c2bc;font-size:14px;line-height:1.8}.footer-grid a{display:block;margin:7px 0;font-size:14px}.footer-grid a:hover{color:#f1cf97;text-decoration:underline;text-underline-offset:4px}.subscribe{display:flex;margin-top:12px}.subscribe input{min-width:0;width:100%;height:38px;border:1px solid #56645e;border-radius:8px 0 0 8px;padding:0 10px;background:#203632;color:#fff}.subscribe button{border:0;border-radius:0 8px 8px 0;padding:0 11px;background:var(--sand);color:var(--ink);font-weight:800}.legal{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:43px;padding-top:18px;border-top:1px solid rgba(241,208,152,.3);font-size:12px;color:#aebbb4}.legal a{display:inline;margin:0}.legal a:hover{color:#f1cf97}
    @media(max-width:1024px){.guide-hero-grid,.faq-layout{grid-template-columns:1fr}.guide-panel{max-width:690px}.manual-layout{grid-template-columns:220px minmax(0,1fr);gap:32px}.path-grid{grid-template-columns:1fr 1fr}.path-card.featured{grid-column:span 2}.footer-grid{grid-template-columns:1fr 1fr!important}.quick{display:none}}
    @media(max-width:767px){body{font-size:15.5px}.shell{width:min(100% - 30px,1240px)}.brand-row{min-height:60px;gap:11px}.search{margin-left:auto;width:42px}.search input{display:none}.search b{position:static;font-size:25px}.menu-btn{display:block}.channels{display:none}.trend-in{min-height:29px}.guide-hero-grid{padding:43px 0 38px;gap:28px}.guide-hero h1{font-size:37px}.guide-hero p{font-size:16px}.guide-panel{padding:19px}.count-in{overflow-x:auto;grid-template-columns:190px repeat(3,150px)}.count-item{padding:12px 14px}.finder{margin-top:-17px;grid-template-columns:1fr;padding:16px}.finder-form input{width:100%}.section{padding:57px 0}.manual-layout{grid-template-columns:1fr;gap:25px}.step-nav{position:static;display:grid;grid-template-columns:1fr 1fr;padding:17px}.step-nav h2{grid-column:1/-1}.step-nav a{padding:8px 4px;font-size:13px}.article-guide h2{font-size:27px}.article-guide h3{font-size:20px}.image-note img{height:230px}.path-grid{grid-template-columns:1fr}.path-card.featured{grid-column:auto}.related-item{grid-template-columns:1fr;gap:6px}.related-item .btn{justify-content:flex-start}.faq-layout{gap:24px}.faq-side{position:static}.faq-q{font-size:16px}.faq-a{padding-left:27px}.topic-copy{padding:34px 25px}.topic-copy h2{font-size:29px}.cta-in{grid-template-columns:1fr}.cta-in h2{font-size:27px}footer{padding-top:45px}footer .footer-grid{grid-template-columns:1fr!important;gap:26px}.legal{display:block}.legal span{display:block;margin:8px 0}}

/* roulang page: category3 */
:root{--ink:#17201e;--green:#0f4c45;--green2:#0a3934;--sand:#b9894b;--orange:#c85a32;--paper:#f6f5f1;--cream:#eeeae1;--line:#d9d8cf;--muted:#65706b;--white:#fffdf8;--radius:18px;--shadow:0 12px 32px rgba(23,32,30,.08)}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;line-height:1.9;font-size:16px}
    a{color:inherit;text-decoration:none}
    img{max-width:100%;display:block}
    button,input,select,textarea{font:inherit}
    button{cursor:pointer}
    .shell{width:min(1200px,calc(100% - 48px));margin:0 auto}
    .section{padding:76px 0}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:13px;font-weight:800;letter-spacing:.12em}
    .eyebrow:before{content:"";width:26px;height:2px;background:var(--sand)}
    .section-title{font-size:clamp(27px,3.2vw,43px);line-height:1.3;margin:12px 0 14px;font-weight:800;letter-spacing:-.04em}
    .section-intro{max-width:760px;color:var(--muted);margin:0;font-size:16px;line-height:2}
    .tag{display:inline-flex;align-items:center;border:1px solid #cdd7d1;color:var(--green);padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.4}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 19px;border-radius:10px;font-weight:800;transition:.22s ease;border:1px solid transparent}
    .btn:hover{transform:translateY(-2px)}
    .btn:active{transform:translateY(0)}
    .btn-primary{background:var(--green);color:#fff}
    .btn-primary:hover{background:var(--green2);box-shadow:0 8px 18px rgba(15,76,69,.22)}
    .btn-outline{border-color:var(--sand);color:var(--sand);background:transparent}
    .btn-outline:hover{background:#fbf3e7}
    .btn-text{padding:4px 0;color:var(--green);min-height:28px}
    .btn-text:hover{color:var(--orange)}
    .btn-text span{transition:.2s}
    .btn-text:hover span{transform:translateX(4px)}
    a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(185,137,75,.55);outline-offset:3px}
    .site-header{position:sticky;top:0;z-index:50;background:rgba(246,245,241,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
    .brand-row{min-height:66px;display:flex;align-items:center;gap:22px}
    .logo{font-size:20px;font-weight:900;letter-spacing:-.04em;color:var(--green);white-space:nowrap}
    .logo-mark{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:8px;background:var(--green);color:#f5d7a6;margin-right:7px;font-size:15px}
    .search{margin-left:auto;width:min(330px,30vw);position:relative}
    .search input{width:100%;height:38px;padding:0 37px 0 14px;border:1px solid #cfd4cd;border-radius:9px;background:#fffdf9;color:var(--ink);outline:0}
    .search input:focus{border-color:var(--green)}
    .search b{position:absolute;right:12px;top:5px;color:var(--green);font-size:18px}
    .quick{display:flex;gap:16px;font-size:13px;font-weight:700;white-space:nowrap}
    .quick a:hover{color:var(--orange)}
    .channels{border-top:1px solid rgba(217,216,207,.7)}
    .channels-in{display:flex;align-items:center;overflow-x:auto;scrollbar-width:none}
    .channels-in::-webkit-scrollbar{display:none}
    .channels a{padding:10px 13px;white-space:nowrap;font-size:14px;font-weight:800;position:relative}
    .channels a:hover{color:var(--green)}
    .channels a.active{color:var(--green)}
    .channels a.active:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;background:var(--sand);border-radius:2px}
    .menu-btn{display:none;border:0;background:none;color:var(--green);font-size:21px}
    .trend{background:var(--green2);color:#e9eee9;font-size:12px}
    .trend-in{min-height:31px;display:flex;align-items:center;gap:10px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
    .trend-in::-webkit-scrollbar{display:none}
    .trend strong{color:#f0c783}
    .trend a{opacity:.9}.trend a:hover{color:#f0c783}
    .inner-hero{position:relative;overflow:hidden;background:var(--green);color:#fff}
    .inner-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(7,49,44,.98),rgba(8,56,50,.89) 56%,rgba(8,56,50,.64)),url('/assets/images/backpic/back-2.webp');background-size:cover;background-position:center}
    .inner-hero:after{content:"";position:absolute;right:8%;bottom:-130px;width:430px;height:430px;border:1px solid rgba(240,199,131,.22);border-radius:50%;box-shadow:0 0 0 30px rgba(240,199,131,.05),0 0 0 60px rgba(240,199,131,.035)}
    .hero-layout{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:48px;padding:69px 0 64px;align-items:center}
    .crumb{display:flex;align-items:center;gap:9px;font-size:13px;color:#cee0d8}
    .crumb span{opacity:.65}
    .hero-copy h1{font-size:clamp(35px,5vw,59px);line-height:1.16;letter-spacing:-.06em;margin:14px 0 18px;font-weight:900}
    .hero-copy p{max-width:680px;color:#e0ece6;font-size:17px;line-height:2;margin:0}
    .hero-points{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin:26px 0 0;padding:0;list-style:none}
    .hero-points li{font-size:14px;color:#f0f6f2;display:flex;align-items:flex-start;gap:9px}
    .hero-points i{width:19px;height:19px;border-radius:50%;display:inline-grid;place-items:center;flex:0 0 19px;background:rgba(240,199,131,.18);color:#f5d7a6;font-style:normal;font-size:11px;margin-top:4px}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}
    .inner-hero .btn-primary{background:var(--sand);color:var(--ink)}
    .inner-hero .btn-primary:hover{background:#d8aa6d}
    .inner-hero .btn-outline{border-color:#d7bd93;color:#fff}
    .trust-line{margin-top:25px;padding-top:17px;border-top:1px solid rgba(255,255,255,.18);display:flex;gap:18px;flex-wrap:wrap;color:#d8e5df;font-size:12px}
    .trust-line b{color:#f0c783}
    .scope-panel{background:#fffdf8;color:var(--ink);border-radius:20px;padding:26px;box-shadow:0 20px 45px rgba(0,0,0,.18);position:relative}
    .scope-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px}
    .scope-top strong{font-size:19px;letter-spacing:-.03em}
    .scope-top time{font-size:12px;color:var(--muted)}
    .scope-list{padding:7px 0 0;margin:0;list-style:none}
    .scope-list li{display:grid;grid-template-columns:34px 1fr auto;gap:11px;align-items:center;padding:14px 0;border-bottom:1px solid #ebe8df}
    .scope-list li:last-child{border-bottom:0}
    .scope-num{font-weight:900;color:var(--sand);font-size:13px}
    .scope-list b{font-size:15px;display:block;line-height:1.45}
    .scope-list small{display:block;color:var(--muted);font-size:12px;line-height:1.55;margin-top:2px}
    .scope-arrow{color:var(--green);font-size:18px}
    .notice-bar{background:var(--cream);border-bottom:1px solid var(--line)}
    .notice-in{display:flex;gap:18px;align-items:center;padding:13px 0;font-size:14px}
    .notice-in b{color:var(--orange);white-space:nowrap}
    .notice-in p{margin:0;color:#4e5954}
    .intro-grid{display:grid;grid-template-columns:.77fr 1.23fr;gap:58px;align-items:start}
    .side-label{position:sticky;top:180px;padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:#eeece5}
    .side-label .big-num{font-size:63px;font-weight:900;line-height:1;color:var(--green);letter-spacing:-.09em}
    .side-label h2{font-size:24px;line-height:1.4;margin:13px 0 12px}
    .side-label p{font-size:14px;color:var(--muted);margin:0}
    .mini-nav{padding:0;margin:18px 0 0;list-style:none;border-top:1px solid var(--line)}
    .mini-nav a{display:block;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px;font-weight:700}
    .mini-nav a:hover{color:var(--orange)}
    .copy-block h2{font-size:34px;line-height:1.35;letter-spacing:-.04em;margin:0 0 21px}
    .copy-block h3{font-size:21px;line-height:1.45;margin:32px 0 9px}
    .copy-block p{color:#3e4944;margin:0 0 20px;line-height:2}
    .copy-block strong{color:var(--green)}
    .pullquote{border-left:4px solid var(--sand);padding:15px 21px;margin:28px 0;background:#f0ede5;color:var(--green);font-weight:800;font-size:17px;line-height:1.8}
    .range-section{background:#eae8e0;border-top:1px solid #dedbd0;border-bottom:1px solid #dedbd0}
    .range-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}
    .range-head .section-intro{max-width:570px}
    .range-grid{display:grid;grid-template-columns:1.05fr .95fr .95fr;gap:14px}
    .range-card{background:var(--white);border:1px solid #d5d4cb;border-radius:18px;padding:25px;min-height:252px;transition:.22s ease;position:relative;overflow:hidden}
    .range-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
    .range-card.featured{background:var(--green);color:#fff}
    .range-card .number{font-size:13px;letter-spacing:.12em;font-weight:900;color:var(--sand)}
    .range-card h3{font-size:22px;line-height:1.35;margin:22px 0 10px}
    .range-card p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}
    .range-card.featured p{color:#dbe8e2}
    .range-card .tag{margin-top:18px}
    .range-card.featured .tag{border-color:rgba(240,199,131,.42);color:#f3d29c}
    .process-wrap{padding:78px 0 84px}
    .process-header{display:grid;grid-template-columns:.78fr 1.22fr;gap:50px;align-items:end}
    .process-header p{margin-bottom:0}
    .process-line{display:grid;grid-template-columns:repeat(4,1fr);margin-top:38px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--white)}
    .process-step{min-height:230px;padding:26px 24px;border-right:1px solid var(--line);position:relative}
    .process-step:last-child{border-right:0}
    .process-step:not(:last-child):after{content:"→";position:absolute;right:-12px;top:25px;width:24px;height:24px;border-radius:50%;background:var(--sand);color:#fff;z-index:2;display:grid;place-items:center;font-size:14px}
    .process-step b{font-size:13px;color:var(--sand);letter-spacing:.1em}
    .process-step h3{font-size:20px;line-height:1.4;margin:17px 0 9px}
    .process-step p{font-size:14px;color:var(--muted);line-height:1.85;margin:0}
    .scenes-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
    .scene{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--white);display:grid;grid-template-columns:.85fr 1.15fr}
    .scene img{height:100%;min-height:292px;width:100%;object-fit:cover}
    .scene-content{padding:28px}
    .scene-content h3{font-size:23px;line-height:1.35;margin:10px 0}
    .scene-content p{font-size:14px;color:var(--muted);margin:0 0 16px;line-height:1.9}
    .check-list{padding:0;margin:0;list-style:none}
    .check-list li{font-size:13px;padding:7px 0;border-top:1px solid #e6e3d9;display:flex;gap:8px;line-height:1.65}
    .check-list li:before{content:"✓";color:var(--green);font-weight:900}
    .reading-panel{background:var(--green);color:#fff;overflow:hidden}
    .reading-grid{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
    .reading-photo{min-height:400px;position:relative}
    .reading-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,76,69,.1),rgba(15,76,69,.45))}
    .reading-photo img{height:100%;width:100%;object-fit:cover}
    .reading-copy{padding:60px max(32px,calc((100vw - 1200px)/2));padding-left:55px}
    .reading-copy .eyebrow{color:#f0c783}.reading-copy .eyebrow:before{background:#f0c783}
    .reading-copy h2{font-size:clamp(28px,3.4vw,42px);line-height:1.3;margin:13px 0 17px;letter-spacing:-.04em}
    .reading-copy p{color:#dce8e3;margin:0 0 17px;font-size:15px;line-height:2}
    .reading-copy .btn-text{color:#f0c783;margin-top:4px}
    .detail-grid{display:grid;grid-template-columns:minmax(0,1.2fr) 330px;gap:52px;align-items:start}
    .detail-copy h2{font-size:34px;line-height:1.35;margin:0 0 20px;letter-spacing:-.04em}
    .detail-copy h3{font-size:21px;line-height:1.45;margin:31px 0 9px}
    .detail-copy p{margin:0 0 20px;color:#3d4743;line-height:2}
    .detail-copy ol{padding-left:23px;margin:19px 0 24px;color:#3d4743}
    .detail-copy li{padding-left:5px;margin:8px 0}
    .note-card{padding:26px;border-radius:18px;background:#f0ede5;border:1px solid #ddd9cd}
    .note-card h3{margin:0 0 13px;font-size:20px}
    .note-card p{margin:0 0 14px;font-size:14px;color:var(--muted);line-height:1.85}
    .note-card ul{padding:0;margin:0;list-style:none}
    .note-card li{padding:10px 0;border-top:1px solid #d7d2c6;font-size:14px;font-weight:700}
    .note-card a:hover{color:var(--orange)}
    .articles{background:#eeece4;border-top:1px solid #dedbd0}
    .article-list{margin-top:31px;border-top:1px solid #d6d3ca}
    .article{display:grid;grid-template-columns:112px 1fr auto;gap:22px;align-items:center;padding:22px 0;border-bottom:1px solid #d6d3ca}
    .article time{font-size:13px;font-weight:800;color:var(--sand)}
    .article h3{font-size:19px;line-height:1.45;margin:0 0 4px}
    .article p{margin:0;font-size:14px;line-height:1.75;color:var(--muted)}
    .faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:58px;align-items:start}
    .faq-side{position:sticky;top:180px}
    .faq-side h2{font-size:34px;line-height:1.35;margin:13px 0}
    .faq-side p{color:var(--muted);margin:0 0 19px}
    .faq-tags{display:flex;gap:8px;flex-wrap:wrap}
    .accordion{border-top:1px solid var(--line)}
    .faq-item{border-bottom:1px solid var(--line)}
    .faq-question{width:100%;border:0;background:transparent;text-align:left;padding:20px 44px 20px 0;position:relative;font-size:17px;font-weight:800;color:var(--ink);line-height:1.55}
    .faq-question:before{content:attr(data-num);display:inline-block;color:var(--sand);font-size:12px;letter-spacing:.08em;margin-right:12px;vertical-align:2px}
    .faq-question:after{content:"+";position:absolute;right:5px;top:17px;font-size:26px;font-weight:400;color:var(--green);transition:.2s}
    .faq-question[aria-expanded="true"]:after{transform:rotate(45deg);color:var(--orange)}
    .faq-answer{display:none;padding:0 36px 20px 0;color:#4c5752;line-height:2;font-size:15px}
    .faq-answer.open{display:block}
    .contact-section{padding:78px 0;background:var(--ink)}
    .contact-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:50px;align-items:center}
    .contact-copy{color:#fff}
    .contact-copy .eyebrow{color:#f0c783}.contact-copy .eyebrow:before{background:#f0c783}
    .contact-copy h2{font-size:clamp(29px,3.5vw,43px);line-height:1.3;margin:13px 0 16px;letter-spacing:-.04em}
    .contact-copy p{color:#cedbd5;margin:0;max-width:460px}
    .contact-steps{list-style:none;padding:0;margin:24px 0 0}
    .contact-steps li{display:flex;gap:13px;padding:11px 0;border-top:1px solid rgba(255,255,255,.14);font-size:14px;color:#dfebe6}
    .contact-steps b{color:#f0c783}
    .form-card{background:#fffdf8;border-radius:20px;padding:29px;color:var(--ink)}
    .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    .field{margin-bottom:14px}
    .field label{display:block;font-size:13px;font-weight:800;margin-bottom:6px}
    .field input,.field select,.field textarea{width:100%;border:1px solid #d4d5cc;border-radius:9px;background:#fff;padding:10px 12px;color:var(--ink);outline:0}
    .field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green)}
    .field textarea{min-height:96px;resize:vertical}
    .privacy{font-size:12px;color:var(--muted);display:flex;align-items:flex-start;gap:8px;line-height:1.7;margin:4px 0 16px}
    .privacy input{margin-top:5px;accent-color:var(--green)}
    footer{background:#17201e;color:#d2ddd8;padding:58px 0 20px}
    .footer-grid{display:grid;grid-template-columns:1.35fr .8fr .8fr 1.1fr;gap:35px;padding-bottom:38px}
    .footer-logo{font-size:21px;font-weight:900;color:#fff}
    footer h3{font-size:14px;color:#f0c783;margin:0 0 13px}
    footer p{font-size:13px;line-height:1.8;color:#b9c7c0;margin:0}
    footer a{display:block;font-size:13px;margin:7px 0;color:#d2ddd8}
    footer a:hover{color:#f0c783;text-decoration:underline;text-underline-offset:4px}
    .subscribe{display:flex;margin-top:13px}
    .subscribe input{min-width:0;width:100%;height:38px;border:1px solid #61716a;border-right:0;border-radius:8px 0 0 8px;padding:0 10px;background:#22302c;color:#fff;outline:0}
    .subscribe button{height:38px;border:1px solid var(--sand);background:var(--sand);color:var(--ink);font-size:13px;font-weight:800;padding:0 12px;border-radius:0 8px 8px 0}
    .legal{border-top:1px solid rgba(240,199,131,.25);padding-top:18px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:12px;color:#aebdb5}
    .legal a{display:inline;margin:0;color:#d7e1dc}
    @media(max-width:1024px){
      .hero-layout,.intro-grid,.detail-grid,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:32px}
      .side-label,.faq-side{position:static}
      .range-grid{grid-template-columns:1fr 1fr}
      .range-card.featured{grid-column:span 2}
      .scenes-grid{grid-template-columns:1fr}
      .reading-copy{padding:48px 35px}
      .process-header{grid-template-columns:1fr}
      .footer-grid{grid-template-columns:1.2fr 1fr 1fr}
      .footer-grid>div:last-child{grid-column:span 3}
    }
    @media(max-width:767px){
      body{font-size:15px}
      .shell{width:min(100% - 30px,1200px)}
      .section{padding:55px 0}
      .brand-row{min-height:59px;gap:12px}
      .search{margin-left:auto;width:auto}
      .search input{display:none}
      .search b{position:static;display:grid;place-items:center;width:36px;height:36px;border:1px solid #cfd4cd;border-radius:9px;background:#fffdf9}
      .quick{display:none}.menu-btn{display:block}
      .channels{display:none}.site-header.menu-open .channels{display:block}
      .site-header.menu-open .channels-in{display:flex;flex-direction:column;align-items:stretch;padding:6px 15px 12px}
      .site-header.menu-open .channels a{padding:9px 0}
      .channels a.active:after{left:0;right:auto;width:34px}
      .trend-in{margin:0;width:100%;padding:0 15px}
      .hero-layout{padding:45px 0 48px;gap:27px}
      .hero-copy h1{font-size:36px}
      .hero-copy p{font-size:15px}
      .hero-points{grid-template-columns:1fr;gap:7px}
      .scope-panel{padding:20px}
      .notice-in{align-items:flex-start;gap:10px;font-size:13px}
      .range-head{display:block}.range-head .section-intro{margin-top:12px}
      .range-grid{grid-template-columns:1fr}
      .range-card.featured{grid-column:auto}
      .process-line{grid-template-columns:1fr}
      .process-step{min-height:auto;border-right:0;border-bottom:1px solid var(--line)}
      .process-step:last-child{border-bottom:0}
      .process-step:not(:last-child):after{right:auto;left:25px;bottom:-12px;top:auto;transform:rotate(90deg)}
      .scene{grid-template-columns:1fr}
      .scene img{min-height:210px;max-height:270px}
      .reading-grid{grid-template-columns:1fr}
      .reading-photo{min-height:230px;order:2}
      .reading-copy{padding:46px 15px}
      .detail-copy h2,.copy-block h2,.faq-side h2{font-size:28px}
      .article{grid-template-columns:1fr;gap:7px;padding:19px 0}
      .article .btn-text{justify-self:start}
      .form-row{grid-template-columns:1fr}
      .form-card{padding:22px}
      .footer-grid{grid-template-columns:1fr 1fr;gap:27px}
      .footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:span 2}
      .legal{display:block}.legal span{display:block;margin:7px 0}
    }

/* roulang page: category5 */
:root{--ink:#17201e;--green:#0f4c45;--green2:#0a3934;--sand:#b9894b;--orange:#c85a32;--paper:#f6f5f1;--cream:#eeeae1;--line:#d9d8cf;--muted:#65706b;--white:#fffdf8;--radius:18px;--shadow:0 12px 32px rgba(23,32,30,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;font-size:16px;line-height:1.92}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{width:min(1220px,calc(100% - 48px));margin:auto}.section{padding:76px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:13px;font-weight:800;letter-spacing:.12em}.eyebrow:before{content:"";width:26px;height:2px;background:var(--sand)}.section-title{font-size:clamp(28px,3.4vw,44px);line-height:1.28;letter-spacing:-.05em;margin:12px 0 14px;font-weight:900}.section-intro{max-width:760px;margin:0;color:var(--muted)}.tag{display:inline-flex;align-items:center;border:1px solid #cad4cd;color:var(--green);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800;line-height:1.4}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;border-radius:10px;padding:10px 19px;border:1px solid transparent;font-weight:800;transition:.22s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:var(--green2);box-shadow:0 9px 19px rgba(15,76,69,.22)}.btn-outline{border-color:var(--sand);color:var(--sand);background:transparent}.btn-outline:hover{background:#fbf3e7}.btn-text{padding:4px 0;min-height:auto;color:var(--green)}.btn-text span{transition:.2s}.btn-text:hover{color:var(--orange)}.btn-text:hover span{transform:translateX(4px)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(185,137,75,.58);outline-offset:3px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(246,245,241,.97);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand-row{min-height:66px;display:flex;align-items:center;gap:22px}.logo{font-size:20px;font-weight:900;letter-spacing:-.04em;color:var(--green);white-space:nowrap}.logo-mark{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:8px;background:var(--green);color:#f5d7a6;margin-right:7px;font-size:15px}.search{margin-left:auto;width:min(330px,30vw);position:relative}.search input{width:100%;height:38px;padding:0 37px 0 14px;border:1px solid #cfd4cd;border-radius:9px;background:#fffdf9;color:var(--ink);outline:0}.search input:focus{border-color:var(--green)}.search b{position:absolute;right:12px;top:4px;color:var(--green);font-size:19px}.quick{display:flex;gap:14px;font-size:14px;font-weight:700}.quick a:hover{color:var(--orange)}.channels{border-top:1px solid rgba(217,216,207,.65)}.channels-in{display:flex;align-items:center;overflow:auto}.channels a{padding:10px 13px;white-space:nowrap;font-size:14px;font-weight:800;position:relative}.channels a:hover{color:var(--green)}.channels a.active{color:var(--green)}.channels a.active:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;border-radius:2px;background:var(--sand)}.trend{background:var(--green);color:#f6f1e7;font-size:13px}.trend-in{display:flex;align-items:center;gap:10px;min-height:31px;white-space:nowrap;overflow:auto}.trend strong{color:#f3cc88}.trend a{opacity:.94}.trend a:hover{color:#f0c783}.menu-btn{display:none;border:0;background:none;color:var(--green);font-size:21px}
.hero{position:relative;overflow:hidden;color:#fff;background:var(--green);min-height:470px;display:flex;align-items:end}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,45,40,.96),rgba(8,57,51,.79) 54%,rgba(8,50,45,.48)),url('/assets/images/backpic/back-3.webp') center/cover}.hero:after{content:"";position:absolute;width:510px;height:510px;right:-110px;top:-155px;border:1px solid rgba(246,220,175,.23);border-radius:50%;box-shadow:0 0 0 35px rgba(246,220,175,.055),0 0 0 70px rgba(246,220,175,.04)}.hero-inner{position:relative;padding:64px 0 54px;display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:end}.hero h1{font-size:clamp(38px,5vw,62px);line-height:1.15;letter-spacing:-.065em;margin:16px 0 20px;font-weight:900}.hero p{max-width:710px;margin:0;color:#e3ece7;font-size:17px}.hero .eyebrow{color:#f0cc90}.hero .eyebrow:before{background:#f0cc90}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero .btn-primary{background:var(--sand);color:var(--ink)}.hero .btn-primary:hover{background:#d7aa6e}.hero .btn-outline{border-color:#dcc396;color:#fff}.hero-index{border:1px solid rgba(255,255,255,.23);padding:22px;border-radius:18px;background:rgba(9,56,50,.52)}.hero-index small{display:block;color:#e8c785;letter-spacing:.1em;font-weight:800}.hero-index ol{padding:0;margin:13px 0 0;list-style:none;counter-reset:item}.hero-index li{counter-increment:item;padding:9px 0;border-top:1px solid rgba(255,255,255,.17);font-size:14px}.hero-index li:before{content:"0" counter(item);display:inline-block;color:#e8c785;width:36px;font-weight:900}
.catalog-strip{margin-top:-31px;position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .9fr .9fr .9fr;border:1px solid var(--line);border-radius:17px;background:var(--white);box-shadow:var(--shadow);overflow:hidden}.catalog-item{padding:19px 22px;border-right:1px solid var(--line)}.catalog-item:last-child{border:0}.catalog-item strong{display:block;color:var(--green);font-size:23px;line-height:1.2}.catalog-item span{font-size:13px;color:var(--muted)}
.editor-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:58px;align-items:start}.chapter-nav{position:sticky;top:164px;border-top:2px solid var(--green);padding-top:16px}.chapter-nav p{font-size:14px;color:var(--muted);margin:8px 0 16px}.chapter-nav a{display:block;padding:10px 0;border-bottom:1px solid var(--line);font-weight:800;font-size:14px}.chapter-nav a:hover{color:var(--orange);padding-left:5px}.lead-copy{font-size:17px;color:#33403b}.lead-copy p{margin:0 0 22px}.lead-copy .lead{font-size:22px;line-height:1.75;color:var(--green);font-weight:700}.quote{margin:31px 0;padding:22px 25px;border-left:4px solid var(--sand);background:#eee9de;color:#3f4c46;font-weight:700}.rule-list{padding:0;margin:25px 0;list-style:none}.rule-list li{padding:13px 0 13px 42px;border-bottom:1px solid var(--line);position:relative}.rule-list li:before{content:"✓";position:absolute;left:0;top:14px;color:var(--orange);font-weight:900}
.feature-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:16px;margin-top:31px}.feature{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.22s}.feature:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.feature.wide{grid-row:span 2}.feature img{width:100%;height:205px;object-fit:cover}.feature.wide img{height:303px}.feature-body{padding:20px}.feature-body h3{font-size:21px;line-height:1.42;margin:12px 0 9px;font-weight:900}.feature-body p{color:var(--muted);font-size:14px;margin:0}.feature-meta{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted);margin-top:16px}
.file-board{background:var(--cream);border-top:1px solid #d9d3c7;border-bottom:1px solid #d9d3c7}.file-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center}.file-cover{position:relative}.file-cover img{height:410px;width:100%;object-fit:cover;border-radius:20px}.file-cover span{position:absolute;bottom:18px;left:18px;background:var(--green);color:#fff;padding:7px 12px;border-radius:8px;font-size:13px;font-weight:800}.file-list{border-top:1px solid #cfc9bc}.file-row{display:grid;grid-template-columns:58px 1fr auto;gap:16px;align-items:center;padding:17px 0;border-bottom:1px solid #cfc9bc}.file-row b{color:var(--sand);font-size:13px}.file-row strong{display:block;font-size:16px}.file-row small{color:var(--muted)}.file-row .btn{min-height:38px;padding:7px 12px;font-size:13px}
.note-section{background:var(--white)}.note-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:35px}.note-copy{padding-right:26px;border-right:1px solid var(--line)}.note-copy h3{font-size:23px;margin:27px 0 9px;line-height:1.45}.note-copy p{color:#405049;margin:0 0 20px}.aside-card{background:#edf0e9;border-radius:16px;padding:25px;margin-bottom:16px}.aside-card h3{font-size:18px;margin:0 0 11px}.aside-card p{font-size:14px;color:var(--muted);margin:0}.aside-card a{display:block;margin-top:12px;color:var(--green);font-size:14px;font-weight:800}.aside-card a:hover{color:var(--orange)}
.timeline{position:relative;margin-top:28px}.timeline:before{content:"";position:absolute;left:89px;top:9px;bottom:9px;width:1px;background:#c9cec6}.time-item{display:grid;grid-template-columns:70px 40px 1fr;gap:10px;padding:0 0 24px}.time-item time{font-size:13px;color:var(--muted);font-weight:800}.time-dot{width:12px;height:12px;margin-top:8px;border-radius:50%;background:var(--sand);border:3px solid var(--paper);z-index:1}.time-content{padding-bottom:22px;border-bottom:1px solid var(--line)}.time-content h3{margin:0 0 7px;font-size:19px}.time-content p{margin:0;color:var(--muted);font-size:14px}
.faq-section{background:#eae8e1}.faq-layout{display:grid;grid-template-columns:.76fr 1.24fr;gap:55px}.faq-side{position:sticky;top:155px;align-self:start}.faq-side p{color:var(--muted)}.faq-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.faq-item{border-top:1px solid #c9c9c0}.faq-item:last-child{border-bottom:1px solid #c9c9c0}.faq-q{width:100%;border:0;background:transparent;padding:19px 0;display:flex;align-items:center;gap:15px;text-align:left;color:var(--ink);font-weight:900;font-size:17px}.faq-q b{color:var(--sand);font-size:13px}.faq-q span:last-child{margin-left:auto;font-size:22px;color:var(--green);font-weight:400}.faq-a{display:none;padding:0 38px 20px;color:#4b5752;font-size:15px}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q span:last-child{transform:rotate(45deg)}
.cta{background:var(--green2);color:#fff}.cta-grid{display:grid;grid-template-columns:1fr .86fr;gap:45px;align-items:center}.cta h2{font-size:clamp(28px,3.5vw,43px);line-height:1.3;margin:12px 0 14px}.cta p{color:#dbe7e1;margin:0}.contact-panel{background:var(--white);border-radius:17px;padding:24px;color:var(--ink)}.contact-panel label{display:block;font-size:13px;font-weight:800;margin-bottom:6px}.contact-panel input,.contact-panel select{width:100%;height:43px;border:1px solid #cfd4cd;border-radius:8px;padding:0 11px;background:#fff;margin-bottom:12px}.contact-panel .btn{width:100%;margin-top:4px}
footer{background:#172a26;color:#d9ded8;padding:55px 0 22px}footer p{color:#b9c3bc;font-size:14px;line-height:1.75}.footer-grid{display:grid;grid-template-columns:1.25fr .8fr .8fr 1.1fr;gap:38px}.footer-logo{font-size:21px;font-weight:900;color:#fff}.footer-grid h3{font-size:15px;color:#f1d19c;margin:0 0 13px}.footer-grid a{display:block;color:#c9d2cc;font-size:14px;margin:7px 0}.footer-grid a:hover{color:#f1c881;text-decoration:underline}.subscribe{display:flex;margin-top:12px}.subscribe input{min-width:0;width:100%;height:38px;border:1px solid #577068;background:#213a35;color:#fff;padding:0 10px;border-radius:8px 0 0 8px}.subscribe button{border:0;background:var(--sand);color:var(--ink);padding:0 13px;border-radius:0 8px 8px 0;font-weight:800}.legal{border-top:1px solid rgba(225,223,210,.2);margin-top:35px;padding-top:18px;display:flex;flex-wrap:wrap;gap:11px 25px;color:#aebbb3;font-size:13px}
@media(max-width:900px){.hero-inner,.editor-grid,.file-layout,.note-layout,.faq-layout,.cta-grid{grid-template-columns:1fr}.hero-index{max-width:580px}.catalog-strip{grid-template-columns:1fr 1fr}.catalog-item:nth-child(2){border-right:0}.catalog-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.chapter-nav,.faq-side{position:static}.feature-grid{grid-template-columns:1fr 1fr}.feature.wide{grid-row:auto;grid-column:span 2}.note-copy{padding-right:0;border-right:0}.footer-grid{grid-template-columns:1fr 1fr}.quick{display:none}.search{width:min(310px,42vw)}}@media(max-width:640px){body{font-size:15.5px}.shell{width:min(100% - 30px,1220px)}.section{padding:56px 0}.brand-row{min-height:59px;gap:12px}.search{display:none}.menu-btn{display:block;margin-left:auto}.channels{display:none}.trend-in{gap:9px}.hero{min-height:440px}.hero-inner{padding:53px 0 42px}.hero h1{font-size:37px}.hero p{font-size:16px}.catalog-strip{grid-template-columns:1fr;margin-top:-20px}.catalog-item{border-right:0;border-bottom:1px solid var(--line)}.catalog-item:last-child{border-bottom:0}.feature-grid{grid-template-columns:1fr}.feature.wide{grid-column:auto}.feature img,.feature.wide img{height:220px}.file-cover img{height:280px}.file-row{grid-template-columns:43px 1fr}.file-row .btn{grid-column:2}.faq-q{font-size:16px}.faq-a{padding-left:28px}.footer-grid{grid-template-columns:1fr}.footer-grid>div{padding-bottom:6px}.hero-actions .btn{width:100%}.contact-panel{padding:19px}.time-item{grid-template-columns:58px 28px 1fr}.timeline:before{left:71px}}

/* roulang page: category4 */
:root{--ink:#17201e;--green:#0f4c45;--green2:#0a3934;--sand:#b9894b;--orange:#c85a32;--paper:#f6f5f1;--cream:#eeeae1;--line:#d9d8cf;--muted:#65706b;--white:#fffdf8;--radius:18px;--shadow:0 12px 32px rgba(23,32,30,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.9 "PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font:inherit}button{cursor:pointer}.shell{width:min(1220px,calc(100% - 40px));margin:auto}.section{padding:74px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:13px;font-weight:800;letter-spacing:.12em}.eyebrow:before{content:"";width:25px;height:2px;background:var(--sand)}.section-title{font-size:clamp(28px,3.4vw,44px);line-height:1.3;letter-spacing:-.05em;margin:10px 0 14px;font-weight:900}.section-intro{max-width:760px;margin:0;color:var(--muted)}.tag{display:inline-flex;align-items:center;padding:4px 10px;border:1px solid #cbd6d0;border-radius:999px;color:var(--green);font-size:12px;font-weight:800;line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:10px 18px;border:1px solid transparent;border-radius:10px;font-weight:800;transition:.22s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:var(--green2);box-shadow:0 8px 18px rgba(15,76,69,.22)}.btn-outline{border-color:var(--sand);color:var(--sand)}.btn-outline:hover{background:#fff5e7}.btn-text{padding:2px 0;min-height:auto;color:var(--green)}.btn-text span{transition:.2s}.btn-text:hover{color:var(--orange)}.btn-text:hover span{transform:translateX(4px)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(185,137,75,.58);outline-offset:3px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(246,245,241,.97);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand-row{min-height:66px;display:flex;align-items:center;gap:22px}.logo{font-size:20px;font-weight:900;letter-spacing:-.04em;color:var(--green);white-space:nowrap}.logo-mark{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:8px;background:var(--green);color:#f5d7a6;margin-right:7px;font-size:15px}.search{margin-left:auto;width:min(330px,30vw);position:relative}.search input{width:100%;height:38px;padding:0 37px 0 14px;border:1px solid #cfd4cd;border-radius:9px;background:#fffdf9;color:var(--ink);outline:0}.search input:focus{border-color:var(--green)}.search b{position:absolute;right:12px;top:4px;color:var(--green);font-size:19px}.quick{display:flex;gap:16px;font-size:14px;font-weight:700}.quick a:hover{color:var(--orange)}.channels{border-top:1px solid rgba(217,216,207,.7)}.channels-in{display:flex;align-items:center;overflow:auto}.channels a{padding:10px 13px;white-space:nowrap;font-size:14px;font-weight:800;position:relative}.channels a:hover,.channels a.active{color:var(--green)}.channels a.active:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;background:var(--sand);border-radius:2px}.trend{background:var(--green);color:#e8eee8;font-size:13px}.trend-in{display:flex;align-items:center;gap:10px;height:31px;white-space:nowrap;overflow:auto}.trend strong{color:#f0c783}.trend a:hover{color:#f0c783}.menu-btn{display:none;border:0;background:none;color:var(--green);font-size:21px}
.page-hero{position:relative;overflow:hidden;background:var(--green);color:#fff;padding:62px 0 58px}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,41,37,.96),rgba(8,57,51,.8)),url('/assets/images/backpic/back-2.webp') center/cover}.page-hero:after{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(246,220,175,.18);border-radius:50%;right:-110px;top:-150px;box-shadow:0 0 0 38px rgba(246,220,175,.045),0 0 0 76px rgba(246,220,175,.03)}.hero-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:end}.hero-copy h1{font-size:clamp(35px,5vw,58px);line-height:1.18;letter-spacing:-.06em;margin:13px 0 18px;font-weight:900}.hero-copy p{margin:0;color:#e1ece6;font-size:17px;max-width:680px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.hero-actions .btn-primary{background:var(--sand);color:var(--ink)}.hero-actions .btn-primary:hover{background:#d7aa70}.hero-actions .btn-outline{color:#fff;border-color:#d8c49e}.hero-panel{background:rgba(255,253,248,.1);border:1px solid rgba(255,255,255,.22);padding:22px;border-radius:18px}.hero-panel h2{font-size:17px;margin:0 0 12px}.hero-panel ol{padding:0;margin:0;list-style:none;counter-reset:item}.hero-panel li{counter-increment:item;border-top:1px solid rgba(255,255,255,.16);padding:9px 0 9px 33px;position:relative;font-size:14px}.hero-panel li:before{content:"0" counter(item);position:absolute;left:0;color:#e9c686;font-weight:900}.updated{display:inline-flex;margin-top:17px;color:#cfe0d8;font-size:13px;border-top:1px solid rgba(255,255,255,.2);padding-top:11px}
.index-strip{background:var(--cream);border-bottom:1px solid var(--line)}.index-inner{display:flex;gap:0;overflow:auto}.index-item{min-width:205px;padding:18px 21px;border-right:1px solid var(--line)}.index-item b{display:block;font-size:13px;color:var(--green)}.index-item span{font-size:13px;color:var(--muted)}
.notice-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;margin-top:32px}.notice-main{background:#e9efeb;border:1px solid #cad8d1;border-radius:20px;padding:30px}.notice-main h3{font-size:25px;line-height:1.45;margin:10px 0}.notice-main p{color:#45534e;margin:0 0 20px}.notice-side{display:grid;grid-template-columns:1fr 1fr;gap:14px}.risk-card{background:var(--white);padding:23px;border:1px solid var(--line);border-radius:16px;transition:.22s}.risk-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.risk-card i{font-style:normal;color:var(--orange);font-size:12px;font-weight:900}.risk-card h3{font-size:18px;margin:9px 0}.risk-card p{font-size:14px;color:var(--muted);margin:0}
.read-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:52px;align-items:start}.side-index{position:sticky;top:150px;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:23px}.side-index h3{margin:0 0 12px;font-size:17px}.side-index a{display:block;border-top:1px solid var(--line);padding:10px 0;color:var(--muted);font-size:14px}.side-index a:hover{color:var(--green);padding-left:4px}.article{max-width:790px}.article h2{font-size:30px;line-height:1.4;margin:0 0 20px}.article h3{font-size:21px;line-height:1.45;margin:34px 0 11px}.article p{margin:0 0 22px;color:#35423d}.article strong{color:var(--green)}.quote{border-left:4px solid var(--sand);background:#f2eee5;padding:19px 22px;margin:28px 0;color:#40504a}.article ul{padding-left:22px;margin:0 0 24px}.article li{margin:7px 0}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:26px}.check{background:#fffdf8;border:1px solid var(--line);border-radius:13px;padding:17px;display:flex;gap:12px;font-size:14px;line-height:1.7}.check b{display:grid;place-items:center;width:23px;height:23px;flex:0 0 23px;border-radius:50%;background:#dce9e2;color:var(--green);font-size:13px}
.misconceptions{background:var(--green);color:#fff}.misconceptions .eyebrow{color:#f1ca8e}.misconceptions .section-intro{color:#d8e5de}.mistake-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px}.mistake{border-top:1px solid rgba(255,255,255,.24);padding:19px 5px}.mistake b{color:#e6bd7d;font-size:13px}.mistake h3{font-size:20px;margin:12px 0 9px}.mistake p{font-size:14px;line-height:1.9;color:#dbe8e1;margin:0}
process{display:block}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:30px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--white)}.step{padding:25px;border-right:1px solid var(--line)}.step:last-child{border:0}.step-num{font-size:12px;color:var(--orange);font-weight:900}.step h3{font-size:18px;margin:10px 0 7px}.step p{font-size:14px;color:var(--muted);margin:0}
.resource-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:stretch}.resource-image{min-height:340px;border-radius:20px;overflow:hidden;position:relative}.resource-image img{width:100%;height:100%;object-fit:cover}.resource-image:after{content:"资料阅读提示";position:absolute;left:24px;bottom:21px;color:#fff;font-size:25px;font-weight:900;text-shadow:0 2px 12px #17201e}.resource-copy{background:#ebe6dc;padding:35px;border-radius:20px}.resource-copy h2{font-size:29px;line-height:1.4;margin:10px 0 14px}.resource-copy p{color:#52605a}.resource-list{margin:19px 0 0;padding:0;list-style:none}.resource-list li{padding:10px 0;border-top:1px solid #d1ccbf;font-size:14px}
.faq-wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:56px}.faq-lead{position:sticky;top:145px;align-self:start}.faq-lead p{color:var(--muted)}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;background:none;border:0;text-align:left;padding:18px 42px 18px 38px;position:relative;font-weight:800;font-size:17px;color:var(--ink)}.faq-q:before{content:attr(data-no);position:absolute;left:0;color:var(--sand);font-size:12px}.faq-q:after{content:"＋";position:absolute;right:4px;color:var(--green);font-size:23px;font-weight:400}.faq-q[aria-expanded="true"]:after{content:"−"}.faq-a{display:none;padding:0 20px 20px 38px;color:var(--muted);font-size:15px}.faq-a.open{display:block}.contact-bar{margin-top:24px;padding:17px 20px;background:#eee9df;border-radius:12px;font-size:14px}.contact-bar a{color:var(--green);font-weight:800;text-decoration:underline;text-underline-offset:3px}
.cta{padding:63px 0;background:#dfe7e1}.cta-box{background:var(--green);padding:38px 44px;border-radius:22px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-box h2{font-size:32px;line-height:1.35;margin:0 0 8px}.cta-box p{margin:0;color:#d9e7df}.cta-box .btn-primary{background:var(--sand);color:var(--ink)}
footer{background:#17201e;color:#cfd8d3;padding:56px 0 22px}.footer-grid{display:grid;grid-template-columns:1.35fr .7fr .7fr 1fr;gap:36px}.footer-logo{font-size:21px;font-weight:900;color:#fff}.footer-grid h3{font-size:15px;color:#f0ca8d;margin:0 0 13px}.footer-grid p{font-size:14px;line-height:1.8;margin:0;color:#b9c6bf}.footer-grid a{display:block;font-size:14px;padding:4px 0}.footer-grid a:hover,.legal a:hover{color:#f0ca8d;text-decoration:underline;text-underline-offset:4px}.subscribe{display:flex;margin-top:12px}.subscribe input{width:100%;min-width:0;padding:9px;border:1px solid #50625b;background:#26332f;color:#fff;border-radius:8px 0 0 8px;outline:0}.subscribe button{border:0;background:var(--sand);color:var(--ink);font-weight:800;padding:0 13px;border-radius:0 8px 8px 0}.legal{border-top:1px solid #46554f;margin-top:38px;padding-top:18px;display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;font-size:12px;color:#aebbb4}
@media(max-width:900px){.quick{display:none}.search{width:min(360px,45vw)}.hero-grid,.notice-grid,.read-layout,.resource-grid,.faq-wrap{grid-template-columns:1fr}.side-index,.faq-lead{position:static}.article{max-width:none}.mistake-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.hero-panel{max-width:620px}.process-grid{grid-template-columns:1fr 1fr}.step:nth-child(2){border-right:0}.step:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media(max-width:767px){body{font-size:15.5px}.shell{width:min(100% - 28px,1220px)}.brand-row{gap:12px;min-height:59px}.logo{font-size:18px}.search{display:none}.menu-btn{display:block;margin-left:auto}.channels{display:none}.trend-in{height:30px}.section{padding:54px 0}.page-hero{padding:46px 0}.hero-copy h1{font-size:36px}.hero-copy p{font-size:16px}.hero-panel{padding:18px}.index-item{min-width:180px;padding:14px}.notice-side,.check-grid,.mistake-grid{grid-template-columns:1fr}.notice-main{padding:25px}.article h2{font-size:27px}.article h3{font-size:20px}.process-grid{grid-template-columns:1fr}.step,.step:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.step:last-child{border-bottom:0}.resource-image{min-height:245px}.faq-q{font-size:16px}.cta-box{padding:29px;display:block}.cta-box h2{font-size:27px}.cta-box .btn{margin-top:20px}.footer-grid{grid-template-columns:1fr;gap:25px}.legal{display:block}.legal span{display:block;margin:7px 0}}@media(max-width:420px){.hero-actions .btn{width:100%}.section-title{font-size:29px}.logo-mark{width:27px;height:27px}.faq-q{padding-left:31px}.faq-a{padding-left:31px}}

/* roulang page: category6 */
:root{--ink:#17201e;--green:#0f4c45;--green2:#0a3934;--sand:#b9894b;--orange:#c85a32;--paper:#f6f5f1;--cream:#eeeae1;--line:#d9d8cf;--muted:#65706b;--white:#fffdf8;--radius:18px;--shadow:0 12px 32px rgba(23,32,30,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;font-size:16px;line-height:1.9}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{width:min(1240px,calc(100% - 48px));margin:auto}.section{padding:76px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:13px;font-weight:800;letter-spacing:.12em}.eyebrow:before{content:"";width:26px;height:2px;background:var(--sand)}.section-title{font-size:clamp(28px,3.5vw,44px);line-height:1.28;letter-spacing:-.05em;margin:12px 0 14px;font-weight:900}.section-intro{max-width:760px;margin:0;color:var(--muted);line-height:2}.tag{display:inline-flex;align-items:center;border:1px solid #cbd6d0;border-radius:999px;padding:4px 10px;color:var(--green);background:#f8faf6;font-size:12px;font-weight:800;line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:10px 18px;border:1px solid transparent;border-radius:10px;font-weight:800;transition:.22s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{color:#fff;background:var(--green)}.btn-primary:hover{background:var(--green2);box-shadow:0 8px 18px rgba(15,76,69,.22)}.btn-outline{border-color:var(--sand);color:var(--green);background:transparent}.btn-outline:hover{background:#fbf3e7}.btn-text{min-height:auto;padding:2px 0;color:var(--green)}.btn-text:hover{color:var(--orange)}.btn-text span{transition:.2s}.btn-text:hover span{transform:translateX(4px)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(185,137,75,.58);outline-offset:3px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(246,245,241,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand-row{min-height:66px;display:flex;align-items:center;gap:22px}.logo{font-size:20px;font-weight:900;letter-spacing:-.04em;color:var(--green);white-space:nowrap}.logo-mark{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:8px;background:var(--green);color:#f5d7a6;margin-right:7px;font-size:15px}.search{margin-left:auto;width:min(330px,30vw);position:relative}.search input{width:100%;height:38px;padding:0 37px 0 14px;border:1px solid #cfd4cd;border-radius:9px;background:#fffdf9;color:var(--ink);outline:0}.search input:focus{border-color:var(--green)}.search b{position:absolute;right:12px;top:4px;color:var(--green);font-size:19px}.quick{display:flex;gap:15px;font-size:14px;font-weight:700}.quick a:hover{color:var(--orange)}.channels{border-top:1px solid rgba(217,216,207,.65);background:#fffdf8}.channels-in{display:flex;align-items:center;overflow:auto}.channels a{padding:10px 13px;white-space:nowrap;font-size:14px;font-weight:800;position:relative}.channels a:hover{color:var(--green)}.channels a.active{color:var(--green)}.channels a.active:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;border-radius:2px;background:var(--sand)}.menu-btn{display:none;border:0;background:none;color:var(--green);font-size:21px}.trend{background:var(--green2);color:#eef5ef;font-size:13px}.trend-in{display:flex;align-items:center;gap:10px;min-height:32px;white-space:nowrap;overflow:auto}.trend strong{color:#f3cd91}.trend a{opacity:.92}.trend a:hover{color:#f0c783}
.page-hero{position:relative;overflow:hidden;padding:67px 0 58px;background:var(--cream)}.page-hero:after{content:"";position:absolute;right:-60px;top:-145px;width:500px;height:500px;border:1px solid rgba(15,76,69,.15);border-radius:50%;box-shadow:0 0 0 44px rgba(15,76,69,.045),0 0 0 88px rgba(15,76,69,.025)}.hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center}.hero-kicker{color:var(--orange);font-size:13px;font-weight:900;letter-spacing:.12em}.page-hero h1{max-width:700px;margin:12px 0 17px;font-size:clamp(36px,5vw,62px);font-weight:900;line-height:1.15;letter-spacing:-.065em}.page-hero p{max-width:680px;margin:0;color:#53615b;font-size:17px;line-height:2}.search-panel{padding:26px;border:1px solid #d5d7ce;border-radius:22px;background:var(--white);box-shadow:var(--shadow)}.search-panel h2{margin:0 0 14px;font-size:20px;line-height:1.4}.finder{display:flex;border:1px solid #bcc8c1;border-radius:11px;overflow:hidden;background:#fff}.finder input{min-width:0;flex:1;border:0;padding:13px 14px;outline:0}.finder button{border:0;padding:0 18px;color:#fff;background:var(--green);font-weight:800}.popular{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.popular a{padding:5px 10px;border-radius:999px;background:#edf0ea;color:var(--green);font-size:12px;font-weight:800}.popular a:hover{background:#dbe7df}.notice-line{display:flex;gap:12px;margin-top:19px;padding-top:16px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.jumpbar{border-bottom:1px solid var(--line);background:#fffdf8}.jumpbar-in{display:flex;gap:24px;align-items:center;min-height:56px;overflow:auto;white-space:nowrap}.jumpbar a{font-size:14px;font-weight:800;color:#45544e}.jumpbar a:hover{color:var(--green)}.jumpbar b{color:var(--sand)}
.answer-grid{display:grid;grid-template-columns:310px minmax(0,1fr);gap:50px;align-items:start}.aside-card{position:sticky;top:160px;padding:26px;border:1px solid var(--line);border-radius:18px;background:var(--white)}.aside-card h2{margin:0 0 12px;font-size:24px;line-height:1.4}.aside-card p{margin:0;color:var(--muted);font-size:14px}.aside-nav{margin-top:19px;border-top:1px solid var(--line)}.aside-nav a{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px;font-weight:800}.aside-nav a:hover{color:var(--orange)}.aside-nav span{color:var(--sand)}.qa-group{margin-bottom:50px}.group-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:17px}.group-head h2{margin:0;font-size:29px;line-height:1.35;letter-spacing:-.04em}.group-head p{max-width:425px;margin:0;color:var(--muted);font-size:14px}.faq-item{border-top:1px solid var(--line);background:transparent}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-question{width:100%;display:flex;align-items:center;gap:15px;padding:19px 2px;text-align:left;color:var(--ink);border:0;background:transparent;font-weight:850;line-height:1.65}.faq-no{flex:0 0 auto;color:var(--sand);font-size:13px;letter-spacing:.07em}.faq-icon{margin-left:auto;display:grid;place-items:center;width:25px;height:25px;border:1px solid #b9c2bc;border-radius:50%;color:var(--green);font-size:18px;font-weight:400;transition:.2s}.faq-item.open .faq-icon{color:#fff;background:var(--green);transform:rotate(45deg)}.faq-answer{display:none;padding:0 42px 23px 49px;color:#50605a;font-size:15px;line-height:2}.faq-item.open .faq-answer{display:block}.faq-answer p{margin:0 0 12px}.faq-answer ul{margin:6px 0;padding-left:20px}.faq-answer li{margin:5px 0}
.info-ribbon{padding:26px 30px;border-left:4px solid var(--sand);border-radius:0 16px 16px 0;background:#f0eee6}.info-ribbon h2{margin:0 0 7px;font-size:23px}.info-ribbon p{margin:0;color:var(--muted)}
.reading-zone{background:var(--green);color:#fff}.reading-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:48px;align-items:center}.reading-zone .eyebrow{color:#eed29f}.reading-zone .eyebrow:before{background:#eed29f}.reading-zone .section-intro{color:#d8e4dc}.reading-image{position:relative}.reading-image img{width:100%;height:360px;object-fit:cover;border-radius:20px;opacity:.84}.reading-image:after{content:"专题阅读";position:absolute;left:16px;bottom:16px;padding:5px 11px;border-radius:999px;background:rgba(10,57,52,.9);color:#f6dfae;font-size:12px;font-weight:800}.reading-list{margin:24px 0 0;padding:0;list-style:none}.reading-list li{padding:12px 0;border-top:1px solid rgba(255,255,255,.18);font-size:15px}.reading-list b{color:#e7c17d;margin-right:10px}.reading-zone .btn-outline{border-color:#d8b477;color:#fff}.reading-zone .btn-outline:hover{background:rgba(255,255,255,.1)}
.update-panel{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.update-card{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--white);transition:.22s}.update-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.update-card time{display:block;color:var(--orange);font-size:12px;font-weight:900}.update-card h3{margin:9px 0 8px;font-size:19px;line-height:1.45}.update-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}.contact-box{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid #cfd4cd;border-radius:21px;background:var(--white)}.contact-copy{padding:38px;background:#e7ebe4}.contact-copy h2{margin:0 0 12px;font-size:31px;line-height:1.3}.contact-copy p{margin:0;color:#52615b}.contact-copy ol{margin:20px 0 0;padding:0;list-style:none;counter-reset:item}.contact-copy li{counter-increment:item;padding:10px 0;border-top:1px solid #cbd1ca;font-size:14px}.contact-copy li:before{content:"0" counter(item);color:var(--sand);font-weight:900;margin-right:12px}.mini-form{padding:34px}.form-row{margin-bottom:15px}.form-row label{display:block;margin-bottom:6px;font-size:13px;font-weight:800}.form-row input,.form-row select,.form-row textarea{width:100%;padding:11px 12px;border:1px solid #cbd1ca;border-radius:9px;background:#fffdf8;outline:0}.form-row textarea{min-height:100px;resize:vertical}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(15,76,69,.1)}.check{display:flex;gap:8px;align-items:flex-start;margin:4px 0 18px;color:var(--muted);font-size:13px;line-height:1.65}.check input{width:auto;margin-top:5px}
footer{padding:58px 0 20px;background:#172b27;color:#d8ddd7}footer p{color:#aebbb3;font-size:14px;line-height:1.8}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .9fr 1.2fr;gap:34px}.footer-logo{font-size:21px;color:#fff;font-weight:900}.footer-grid h3{margin:0 0 12px;color:#eacb94;font-size:15px}.footer-grid a{display:block;margin:7px 0;font-size:14px}.footer-grid a:hover{color:#eacb94;text-decoration:underline;text-underline-offset:4px}.subscribe{display:flex;margin-top:11px}.subscribe input{min-width:0;flex:1;border:1px solid #526861;border-right:0;border-radius:8px 0 0 8px;padding:9px;background:#203a34;color:#fff}.subscribe button{border:0;border-radius:0 8px 8px 0;padding:0 12px;background:var(--sand);color:var(--ink);font-weight:800}.legal{display:flex;justify-content:space-between;gap:15px;margin-top:42px;padding-top:18px;border-top:1px solid rgba(233,203,148,.3);color:#aebbb3;font-size:12px}.legal a{display:inline}
@media(max-width:900px){.hero-layout,.answer-grid,.reading-grid,.contact-box{grid-template-columns:1fr}.aside-card{position:static}.search{width:min(270px,34vw)}.quick{display:none}.update-panel{grid-template-columns:1fr 1fr}.reading-image img{height:270px}.contact-copy,.mini-form{padding:29px}.footer-grid{grid-template-columns:1fr 1fr}.legal{flex-direction:column}.group-head{align-items:start;flex-direction:column}}
@media(max-width:767px){body{font-size:15px}.shell{width:min(100% - 30px,1240px)}.brand-row{min-height:58px;gap:12px}.logo{font-size:18px}.search{display:none}.menu-btn{display:block;margin-left:auto}.channels{display:none}.trend-in{min-height:30px}.page-hero{padding:48px 0}.page-hero h1{font-size:38px}.page-hero p{font-size:15px}.section{padding:55px 0}.section-title{font-size:30px}.search-panel{padding:20px}.jumpbar-in{gap:17px}.answer-grid{gap:32px}.faq-question{padding:16px 0;gap:10px;font-size:15px}.faq-answer{padding:0 5px 20px 27px;font-size:14px}.group-head h2{font-size:25px}.update-panel{grid-template-columns:1fr}.reading-grid{gap:28px}.footer-grid{grid-template-columns:1fr;gap:23px}.contact-copy h2{font-size:27px}.mini-form{padding:24px}.popular{gap:6px}}