/* roulang page: index */
:root{
      --ink:#171a17;
      --ink-2:#20241f;
      --ink-3:#2a302a;
      --paper:#f1f0ea;
      --paper-2:#e8e6dd;
      --paper-3:#dcd9ce;
      --moss:#587263;
      --moss-deep:#2f453a;
      --bronze:#a87846;
      --bronze-soft:#c19869;
      --text:#222822;
      --muted:#72776f;
      --light:#eef1e9;
      --line:rgba(88,114,99,.26);
      --line-dark:rgba(210,220,204,.15);
      --error:#985b4d;
      --success:#5f8976;
      --radius:18px;
      --radius-sm:12px;
      --shadow:0 22px 50px rgba(12,15,12,.12);
      --shadow-dark:0 20px 54px rgba(0,0,0,.28);
      --container:1200px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;background:var(--ink);color:var(--text);
      font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;
      font-size:16px;line-height:1.8;overflow-x:hidden;
    }
    body::before{
      content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.32;
      background-image:radial-gradient(rgba(255,255,255,.08) .7px,transparent .8px);
      background-size:8px 8px;mix-blend-mode:soft-light;
    }
    a{color:inherit;text-decoration:none}
    button,input,select{font:inherit}
    button{cursor:pointer}
    img,svg{display:block;max-width:100%}
    :focus-visible{outline:3px solid var(--bronze-soft);outline-offset:4px}
    .container{width:min(calc(100% - 48px),var(--container));margin-inline:auto}
    .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
    .section{padding:112px 0;position:relative}
    .chapter{
      display:flex;align-items:center;gap:12px;color:var(--bronze);font-size:12px;font-weight:750;
      letter-spacing:.17em;text-transform:uppercase;margin-bottom:15px;
    }
    .chapter::after{content:"";height:1px;width:56px;background:currentColor;opacity:.7}
    h1,h2,h3,p{margin-top:0}
    h1{font-size:clamp(42px,5vw,64px);letter-spacing:-.065em;line-height:1.1;font-weight:800}
    h2{font-size:clamp(31px,3.3vw,42px);letter-spacing:-.05em;line-height:1.2;font-weight:780}
    h3{font-size:21px;letter-spacing:-.03em;line-height:1.35;font-weight:730}
    .section-copy{max-width:680px;color:var(--muted);font-size:16px;line-height:1.9}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}
    .eyebrow{font-size:12px;letter-spacing:.13em;font-weight:750;color:var(--bronze);text-transform:uppercase}
    .btn{
      min-height:50px;border-radius:999px;border:1px solid transparent;display:inline-flex;align-items:center;
      justify-content:center;gap:10px;padding:0 22px;font-size:15px;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;
    }
    .btn:hover{transform:translateY(-2px)}
    .btn:active{transform:translateY(0)}
    .btn-primary{background:var(--bronze);color:#181914;box-shadow:0 10px 22px rgba(168,120,70,.2)}
    .btn-primary:hover{background:var(--bronze-soft);box-shadow:0 14px 30px rgba(168,120,70,.28)}
    .btn-dark{background:var(--moss-deep);color:#f7f5ed;border-color:rgba(193,152,105,.76);box-shadow:0 12px 26px rgba(0,0,0,.16)}
    .btn-dark:hover{background:#3b594a}
    .btn-outline{border-color:rgba(232,230,221,.45);color:var(--light);background:rgba(255,255,255,.02)}
    .btn-outline:hover{background:rgba(232,230,221,.08);border-color:var(--bronze-soft)}
    .text-link{display:inline-flex;gap:8px;align-items:center;color:var(--moss-deep);font-size:14px;font-weight:750;border-bottom:1px solid rgba(47,69,58,.38);padding-bottom:2px}
    .text-link span{transition:transform .2s ease}
    .text-link:hover span{transform:translateX(4px)}
    .site-header{
      position:sticky;top:0;z-index:30;height:78px;background:rgba(23,26,23,.9);
      border-bottom:1px solid transparent;backdrop-filter:blur(14px);
    }
    .site-header.scrolled{border-bottom-color:var(--line-dark);box-shadow:0 8px 26px rgba(0,0,0,.16)}
    .nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:800;color:var(--paper);letter-spacing:-.04em;white-space:nowrap}
    .seal{width:31px;height:31px;position:relative;border:1px solid var(--bronze);display:grid;place-items:center;transform:rotate(45deg)}
    .seal::before,.seal::after{content:"";position:absolute;background:var(--moss)}
    .seal::before{width:13px;height:1px}
    .seal::after{width:1px;height:13px}
    .nav-links{display:flex;align-items:center;gap:7px;margin-left:auto}
    .nav-link{position:relative;padding:10px 13px;color:#c9cdc5;font-size:14px;font-weight:650}
    .nav-link::after{content:"";position:absolute;left:13px;right:13px;bottom:5px;height:2px;background:var(--bronze);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
    .nav-link:hover{color:#fff}
    .nav-link.active{color:#f6f1e9}
    .nav-link.active::after,.nav-link:hover::after{transform:scaleX(1)}
    .nav-cta{min-height:44px;padding:0 18px;margin-left:7px;font-size:14px}
    .menu-toggle{display:none;width:43px;height:43px;border:1px solid var(--line-dark);border-radius:10px;background:transparent;color:var(--paper);padding:10px}
    .menu-toggle span{display:block;height:1px;background:currentColor;margin:5px 0;transition:.2s}
    .hero{padding:62px 0 38px;background:var(--ink);min-height:650px;overflow:hidden;position:relative}
    .hero::before{
      content:"";position:absolute;width:680px;height:680px;border:1px solid rgba(168,120,70,.13);border-radius:50%;
      right:-200px;top:-350px;box-shadow:0 0 0 34px rgba(88,114,99,.035),0 0 0 90px rgba(168,120,70,.02);
    }
    .hero::after{
      content:"";position:absolute;left:-260px;bottom:-330px;width:640px;height:640px;border-radius:50%;
      border:1px solid rgba(88,114,99,.22);opacity:.7;
    }
    .hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:66px}
    .hero-copy{padding:46px 0 34px}
    .hero h1{color:var(--paper);max-width:720px;margin:10px 0 24px}
    .hero h1 em{font-style:normal;color:var(--bronze-soft)}
    .hero-lead{max-width:670px;margin-bottom:28px;color:#c4c8bf;font-size:17px;line-height:1.9}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:23px}
    .rule-note{display:flex;gap:9px;align-items:flex-start;color:#aeb5aa;font-size:13px;line-height:1.65;max-width:600px}
    .rule-note svg{width:17px;min-width:17px;margin-top:3px;color:var(--bronze)}
    .catalog-panel{
      background:linear-gradient(145deg,#273129,#1b201c);border:1px solid rgba(143,169,149,.3);border-radius:22px;
      box-shadow:var(--shadow-dark);padding:20px;position:relative;isolation:isolate;overflow:hidden;
    }
    .catalog-panel::before{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(193,152,105,.25);border-radius:50%;right:-92px;top:-112px}
    .catalog-panel::after{content:"";position:absolute;inset:8px;border:1px solid rgba(241,240,234,.07);border-radius:16px;pointer-events:none}
    .panel-top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line-dark);padding:4px 3px 15px;color:#dce0d7;font-size:13px;font-weight:700}
    .panel-status{color:#b7cabe;display:flex;align-items:center;gap:7px;font-size:12px}
    .dot{width:7px;height:7px;background:var(--success);border-radius:50%;box-shadow:0 0 0 4px rgba(95,137,118,.14)}
    .filter-row{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;padding:18px 0}
    .filter-chip{border:1px solid rgba(239,241,233,.14);border-radius:999px;padding:5px 9px;color:#bfc6ba;font-size:11px}
    .filter-chip.selected{background:rgba(88,114,99,.45);color:#f7f6ef;border-color:rgba(168,120,70,.62)}
    .index-list{position:relative;z-index:1;display:grid;gap:10px}
    .index-row{display:grid;grid-template-columns:28px 1fr auto;gap:11px;align-items:center;padding:13px 10px;border:1px solid rgba(238,240,232,.09);background:rgba(255,255,255,.025);border-radius:10px}
    .index-num{color:var(--bronze-soft);font-size:11px;font-weight:800}
    .index-main b,.index-main small{display:block}
    .index-main b{color:#edf0e9;font-size:13px;line-height:1.4}
    .index-main small{font-size:11px;color:#a3aca0;margin-top:2px}
    .row-mark{height:19px;width:3px;background:var(--moss);border-radius:5px}
    .row-mark.wait{background:var(--bronze)}
    .panel-footer{position:relative;z-index:1;display:flex;justify-content:space-between;margin-top:17px;padding-top:13px;border-top:1px solid var(--line-dark);color:#aab1a6;font-size:11px}
    .hero-trust{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px;border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}
    .trust-item{padding:18px 18px 17px;border-left:1px solid var(--line-dark)}
    .trust-item:first-child{border-left:0}
    .trust-item strong{display:block;color:#f0eee6;font-size:14px;line-height:1.4}
    .trust-item span{display:block;color:#aab0a6;font-size:12px;margin-top:2px}
    .features{background:var(--paper);color:var(--text)}
    .feature-layout{display:grid;grid-template-columns:1.03fr .97fr;gap:18px}
    .feature-main,.feature-card{border:1px solid rgba(47,69,58,.16);position:relative;overflow:hidden;transition:.24s ease}
    .feature-main:hover,.feature-card:hover{transform:translateY(-4px);border-color:var(--moss);box-shadow:var(--shadow)}
    .feature-main{border-radius:var(--radius);background:var(--moss-deep);color:var(--paper);padding:38px;min-height:400px;display:flex;flex-direction:column;align-items:flex-start}
    .feature-main::before{content:"";position:absolute;width:270px;height:270px;border-radius:50%;border:1px solid rgba(193,152,105,.34);right:-112px;top:-112px}
    .feature-main .big-num{font-size:72px;line-height:1;font-weight:800;color:rgba(193,152,105,.68);letter-spacing:-.08em}
    .feature-main h3{font-size:29px;margin:30px 0 13px}
    .feature-main p{max-width:430px;color:#c8d1c8;font-size:15px}
    .feature-list{list-style:none;padding:0;margin:12px 0 25px;display:grid;gap:8px;color:#e6ebe4;font-size:14px}
    .feature-list li{display:flex;gap:9px;align-items:center}
    .feature-list li::before{content:"";width:5px;height:5px;flex:none;background:var(--bronze-soft);transform:rotate(45deg)}
    .feature-main .text-link{color:#edf0e9;border-color:rgba(237,240,233,.36);margin-top:auto}
    .feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
    .feature-card{background:#e8e6dd;border-radius:var(--radius-sm);padding:26px 23px;min-height:191px}
    .feature-card:nth-child(2){background:#dfe3da}
    .feature-card:nth-child(3){background:#ece9df}
    .feature-card:nth-child(4){background:#d8ddd4}
    .feature-card::after{content:"";position:absolute;right:15px;top:15px;width:28px;height:28px;border-top:1px solid rgba(88,114,99,.45);border-right:1px solid rgba(88,114,99,.45)}
    .mini-icon{width:36px;height:36px;color:var(--moss-deep);margin-bottom:20px}
    .feature-card h3{font-size:18px;margin-bottom:8px}
    .feature-card p{color:#626960;font-size:13px;line-height:1.7;margin-bottom:0}
    .scenes{background:linear-gradient(180deg,var(--ink-2) 0%,var(--ink) 68%,var(--paper-2) 68%,var(--paper-2) 100%);padding-bottom:126px}
    .scene-wrap{display:grid;grid-template-columns:340px 1fr;gap:88px}
    .scene-intro{position:sticky;top:120px;align-self:start;color:var(--paper)}
    .scene-intro .section-copy{color:#b6bdb3}
    .scene-list{padding-top:100px;display:grid;gap:16px}
    .scene-item{background:var(--paper);border-radius:15px;padding:28px 30px;border:1px solid rgba(47,69,58,.15);display:grid;grid-template-columns:66px 1fr auto;gap:24px;align-items:center;box-shadow:0 8px 25px rgba(0,0,0,.08)}
    .scene-item:nth-child(2){margin-left:48px;background:#e7e6dc}
    .scene-item:nth-child(3){margin-right:32px}
    .scene-item:nth-child(4){margin-left:74px;background:#e1e4da}
    .scene-num{font-size:13px;letter-spacing:.12em;color:var(--bronze);font-weight:800}
    .scene-item h3{margin:0 0 7px}
    .scene-item p{margin:0;color:var(--muted);font-size:14px}
    .steps{display:flex;gap:10px;margin-top:13px;flex-wrap:wrap}
    .steps span{font-size:11px;color:var(--moss-deep);font-weight:750;border-top:1px solid rgba(47,69,58,.35);padding-top:5px}
    .arrow-link{width:40px;height:40px;border:1px solid rgba(47,69,58,.27);border-radius:50%;display:grid;place-items:center;color:var(--moss-deep);transition:.2s}
    .scene-item:hover .arrow-link{transform:translateX(4px);background:var(--moss-deep);color:#fff}
    .cases{background:var(--paper-2)}
    .case-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:18px}
    .case-main,.case-small{background:#f7f6f0;border:1px solid rgba(47,69,58,.16);border-radius:var(--radius);position:relative;overflow:hidden}
    .case-main{padding:38px;min-height:363px}
    .case-main::after{content:"“";position:absolute;right:27px;top:6px;color:rgba(168,120,70,.18);font-family:serif;font-size:168px;line-height:1}
    .case-tag,.status-tag{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:750}
    .case-tag{color:var(--moss-deep);background:#dce7dc}
    .case-main blockquote{margin:27px 0 20px;max-width:590px;font-size:24px;line-height:1.5;letter-spacing:-.04em;font-weight:720;position:relative;z-index:1}
    .case-main p{max-width:610px;color:var(--muted);font-size:14px;position:relative;z-index:1}
    .case-path{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;position:relative;z-index:1}
    .case-path span{font-size:12px;border-bottom:1px solid var(--paper-3);padding-bottom:2px;color:var(--moss-deep)}
    .case-side{display:grid;gap:18px}
    .case-small{padding:24px 26px;min-height:172px}
    .case-small h3{font-size:18px;margin:14px 0 7px}
    .case-small p{font-size:13px;color:var(--muted);margin:0}
    .display-note{font-size:12px;color:var(--muted);margin-top:18px}
    .access{background:var(--ink);color:var(--paper);padding-bottom:0}
    .access .section-copy{color:#b8c0b5}
    .access-grid{display:grid;grid-template-columns:.75fr 1.15fr .75fr;align-items:stretch;gap:16px}
    .plan{position:relative;border:1px solid var(--line-dark);border-radius:16px;padding:28px;display:flex;flex-direction:column;background:rgba(255,255,255,.025)}
    .plan.featured{border-color:rgba(193,152,105,.75);background:linear-gradient(160deg,#304438,#20271f);box-shadow:0 -10px 35px rgba(168,120,70,.12)}
    .plan .plan-label{font-size:12px;letter-spacing:.12em;font-weight:800;color:var(--bronze-soft)}
    .plan h3{font-size:24px;margin:12px 0 6px;color:#f3f2ea}
    .plan p{font-size:13px;color:#b6beb2;margin-bottom:17px}
    .plan-state{font-size:24px;line-height:1.25;letter-spacing:-.04em;font-weight:780;color:#fff;margin:9px 0 18px}
    .plan-list{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:9px;color:#d4d9d1;font-size:13px}
    .plan-list li{display:flex;gap:8px}
    .plan-list li::before{content:"✓";color:var(--bronze-soft);font-weight:800}
    .plan .btn{margin-top:auto;width:100%}
    .faq{background:var(--ink);color:var(--paper);padding-top:74px}
    .faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;padding-bottom:92px}
    .faq .section-copy{color:#b8c0b5}
    .faq-list{border-top:1px solid var(--line-dark)}
    .faq-item{border-bottom:1px solid var(--line-dark)}
    .faq-question{width:100%;padding:19px 0;display:grid;grid-template-columns:37px 1fr 24px;gap:12px;border:0;background:transparent;color:var(--paper);text-align:left;font-size:15px;font-weight:700;align-items:center}
    .faq-number{color:var(--bronze-soft);font-size:11px;letter-spacing:.1em}
    .faq-plus{position:relative;width:19px;height:19px}
    .faq-plus::before,.faq-plus::after{content:"";position:absolute;left:2px;top:9px;width:15px;height:1px;background:#d9ded4;transition:transform .2s}
    .faq-plus::after{transform:rotate(90deg)}
    .faq-question[aria-expanded="true"] .faq-plus::after{transform:rotate(0)}
    .faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease}
    .faq-answer > div{overflow:hidden}
    .faq-answer p{margin:0;padding:0 36px 0 49px;color:#b8c0b5;font-size:14px;line-height:1.85}
    .faq-item.open .faq-answer{grid-template-rows:1fr}
    .faq-item.open .faq-answer p{padding-bottom:20px}
    .cta-band{background:var(--moss-deep);border-top:1px solid rgba(193,152,105,.55);position:relative;overflow:hidden}
    .cta-band::before{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(193,152,105,.24);border-radius:50%;left:8%;top:-168px}
    .cta-inner{min-height:170px;display:flex;justify-content:space-between;align-items:center;gap:30px;position:relative}
    .cta-inner h2{font-size:29px;margin:0 0 5px;color:#f5f3eb}
    .cta-inner p{margin:0;color:#cad2c9;font-size:14px}
    footer{background:#111411;color:#aeb6ab;border-top:1px solid rgba(168,120,70,.36)}
    .footer-grid{display:grid;grid-template-columns:1.3fr .8fr .9fr;gap:50px;padding:56px 0 42px}
    .footer-brand p{max-width:270px;color:#99a297;font-size:13px;margin:15px 0 0}
    .footer-title{color:#e4e7df;font-size:12px;letter-spacing:.12em;font-weight:800;margin:0 0 12px}
    .footer-links{display:grid;gap:9px}
    .footer-links a{font-size:13px;transition:color .2s}
    .footer-links a:hover{color:var(--bronze-soft)}
    .footer-meta{font-size:12px;color:#899287;line-height:1.85}
    .footer-bottom{border-top:1px solid rgba(238,240,232,.1);padding:16px 0 21px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#818a7f}
    .mobile-panel{display:none}
    @media (max-width:1024px){
      .hero-grid{gap:34px}.scene-wrap{gap:42px}.faq-layout{gap:42px}
      .scene-item:nth-child(2),.scene-item:nth-child(4){margin-left:20px}.scene-item:nth-child(3){margin-right:0}
    }
    @media (max-width:820px){
      .section{padding:82px 0}.site-header{height:70px}.nav-links,.nav-cta{display:none}.menu-toggle{display:block}
      .mobile-panel{display:none;position:fixed;inset:70px 0 0;background:rgba(18,21,18,.985);z-index:25;padding:34px 24px}
      .mobile-panel.open{display:flex;flex-direction:column}.mobile-panel a{font-size:24px;font-weight:750;color:var(--paper);padding:14px 0;border-bottom:1px solid var(--line-dark)}
      .mobile-panel .btn{margin-top:auto}.hero{min-height:auto;padding-top:30px}.hero-grid,.feature-layout,.scene-wrap,.case-grid,.faq-layout{grid-template-columns:1fr}
      .hero-copy{padding-top:25px}.catalog-panel{max-width:620px;width:100%;margin-inline:auto}.hero-trust{margin-top:33px}
      .scene-intro{position:static}.scene-list{padding-top:0}.scene-item{grid-template-columns:50px 1fr auto}.access-grid{grid-template-columns:1fr;max-width:590px;margin:auto}
      .footer-grid{grid-template-columns:1.2fr 1fr;gap:30px}.footer-grid > :last-child{grid-column:1/-1}.section-head{display:block}.section-head .section-copy{margin-top:12px}
    }
    @media (max-width:560px){
      .container{width:min(calc(100% - 32px),var(--container))}.brand{font-size:15px}.seal{width:27px;height:27px}.hero h1{font-size:39px}.hero-lead{font-size:15px}
      .hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}.hero-trust{grid-template-columns:1fr}.trust-item,.trust-item:first-child{border-left:0;border-top:1px solid var(--line-dark)}.trust-item:first-child{border-top:0}
      .feature-grid{grid-template-columns:1fr}.feature-main{min-height:370px;padding:30px}.feature-main .big-num{font-size:58px}
      .scene-item{padding:23px 20px;grid-template-columns:1fr}.scene-item:nth-child(2),.scene-item:nth-child(4){margin-left:0}.scene-item .arrow-link{display:none}
      .scene-num{margin-bottom:-12px}.case-main{padding:27px 24px}.case-main blockquote{font-size:21px}.case-side{grid-template-columns:1fr}.faq-layout{gap:24px}.cta-inner{min-height:220px;padding:35px 0;align-items:flex-start;flex-direction:column}.cta-inner .btn{width:100%}
      .footer-grid{grid-template-columns:1fr}.footer-grid > :last-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:5px}
    }
    @media (prefers-reduced-motion:reduce){
      *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}
    }

/* roulang page: category1 */
:root{
 --ink:#171a17;--ink-2:#20241f;--ink-3:#2a302a;
 --paper:#f1f0ea;--paper-2:#e8e6dd;--paper-3:#dcd9ce;
 --moss:#587263;--moss-deep:#2f453a;--bronze:#a87846;--bronze-soft:#c19869;
 --text:#222822;--muted:#72776f;--light:#eef1e9;
 --line:rgba(88,114,99,.26);--line-dark:rgba(210,220,204,.15);
 --error:#985b4d;--success:#5f8976;--radius:18px;--radius-sm:12px;
 --shadow:0 22px 50px rgba(12,15,12,.12);--shadow-dark:0 20px 54px rgba(0,0,0,.28);
 --container:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--text);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;font-size:16px;line-height:1.8;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.22;background-image:radial-gradient(rgba(53,64,52,.13) .65px,transparent .8px);background-size:8px 8px}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button{cursor:pointer}
img,svg{display:block;max-width:100%}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(168,120,70,.65);outline-offset:3px}
.container{width:min(calc(100% - 48px),var(--container));margin-inline:auto}
.section{padding:92px 0;position:relative}
.eyebrow{margin:0 0 9px;font-size:12px;letter-spacing:.13em;font-weight:800;color:var(--bronze)}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(38px,5vw,60px);letter-spacing:-.065em;line-height:1.13}
h2{font-size:clamp(29px,3.2vw,39px);letter-spacing:-.05em;line-height:1.2}
h3{font-size:19px;letter-spacing:-.025em;line-height:1.4}
.btn{min-height:50px;border-radius:999px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 22px;font-size:15px;font-weight:750;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn-primary{background:var(--bronze);color:#181914;box-shadow:0 10px 22px rgba(168,120,70,.2)}
.btn-primary:hover{background:var(--bronze-soft);box-shadow:0 14px 30px rgba(168,120,70,.28)}
.btn-dark{background:var(--moss-deep);color:#f7f5ed;border-color:rgba(193,152,105,.76);box-shadow:0 12px 26px rgba(0,0,0,.16)}
.btn-dark:hover{background:#3b594a}
.btn-outline{background:transparent;border-color:rgba(47,69,58,.42);color:var(--moss-deep)}
.btn-outline:hover{background:rgba(88,114,99,.09);border-color:var(--moss)}
.site-header{position:sticky;top:0;z-index:30;height:78px;background:rgba(23,26,23,.93);border-bottom:1px solid rgba(210,220,204,.15);backdrop-filter:blur(14px);box-shadow:0 8px 26px rgba(0,0,0,.12)}
.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:800;color:var(--paper);letter-spacing:-.04em;white-space:nowrap}
.seal{position:relative;width:25px;height:25px;border:1px solid var(--bronze-soft);border-radius:50%;background:radial-gradient(circle at center,rgba(168,120,70,.28) 0 18%,transparent 20% 100%)}
.seal:before,.seal:after{content:"";position:absolute;inset:5px;border:1px solid rgba(193,152,105,.75);transform:rotate(45deg)}
.seal:after{inset:8px;background:var(--bronze);border:0;border-radius:2px}
.nav-links{display:flex;align-items:center;gap:7px;margin-left:auto}
.nav-link{position:relative;padding:10px 13px;color:#c9cdc5;font-size:14px;font-weight:650}
.nav-link:after{content:"";position:absolute;left:13px;right:13px;bottom:5px;height:2px;background:var(--bronze);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.nav-link:hover{color:#fff}
.nav-link.active{color:#f6f1e9}
.nav-link.active:after,.nav-link:hover:after{transform:scaleX(1)}
.nav-cta{min-height:44px;padding:0 18px;margin-left:7px;font-size:14px}
.menu-toggle{display:none;width:43px;height:43px;border:1px solid var(--line-dark);border-radius:10px;background:transparent;color:var(--paper);padding:10px}
.menu-toggle span{display:block;height:1px;background:currentColor;margin:5px 0}
.page-hero{position:relative;overflow:hidden;padding:64px 0 58px;background:var(--ink);color:var(--paper)}
.page-hero:before{content:"";position:absolute;width:530px;height:530px;border:1px solid rgba(168,120,70,.16);border-radius:50%;right:-130px;top:-320px;box-shadow:0 0 0 40px rgba(88,114,99,.035),0 0 0 102px rgba(168,120,70,.02)}
.page-hero:after{content:"";position:absolute;left:8%;bottom:-150px;width:250px;height:250px;border:1px solid rgba(88,114,99,.21);border-radius:50%}
.breadcrumb{position:relative;z-index:1;display:flex;align-items:center;gap:9px;color:#b5beb1;font-size:13px}
.breadcrumb span{color:var(--bronze-soft)}
.hero-inner{position:relative;z-index:1;max-width:890px;padding-top:18px}
.page-hero h1{margin:9px 0 16px;color:var(--paper)}
.hero-lead{max-width:770px;margin:0;color:#c5cac1;font-size:16px}
.hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}
.meta-chip{border:1px solid rgba(232,230,221,.18);border-radius:999px;padding:5px 11px;color:#c7cec2;font-size:12px}
.meta-chip strong{color:var(--bronze-soft)}
.catalog{padding:72px 0 96px;background:linear-gradient(180deg,var(--paper) 0%,#e6e4da 100%)}
.catalog-grid{display:grid;grid-template-columns:272px minmax(0,1fr);gap:42px;align-items:start}
.filter-panel{position:sticky;top:98px;border:1px solid rgba(47,69,58,.2);border-radius:var(--radius);padding:22px;background:rgba(241,240,234,.84);box-shadow:0 12px 32px rgba(24,29,24,.06)}
.filter-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px;font-size:15px;font-weight:800}
.filter-group{padding:18px 0;border-top:1px solid rgba(47,69,58,.14)}
.filter-group:first-of-type{border-top:0;padding-top:4px}
.filter-label{display:block;margin-bottom:10px;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.08em}
.filter-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;background:transparent;border-radius:9px;padding:8px 9px;color:#475147;text-align:left;font-size:14px;transition:background .18s ease,color .18s ease}
.filter-option:hover{background:rgba(88,114,99,.11);color:var(--moss-deep)}
.filter-option.active{background:var(--moss-deep);color:#f5f3ea}
.filter-option small{color:inherit;opacity:.72}
.filter-select{width:100%;height:42px;border:1px solid rgba(47,69,58,.26);border-radius:9px;background:#faf9f2;color:var(--text);padding:0 10px}
.filter-select:focus{border-color:var(--moss);box-shadow:0 0 0 3px rgba(88,114,99,.16);outline:0}
.reset-btn{width:100%;min-height:42px;border:1px solid rgba(47,69,58,.35);border-radius:9px;background:transparent;color:var(--moss-deep);font-weight:750;transition:.2s}
.reset-btn:hover{background:rgba(88,114,99,.09)}
.rule-note{margin-top:18px;padding:14px;border-left:3px solid var(--bronze);background:rgba(168,120,70,.08);color:#5d5e55;font-size:12px;line-height:1.7}
.results-toolbar{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:19px;padding-bottom:20px;border-bottom:1px solid rgba(47,69,58,.18)}
.results-toolbar h2{margin:4px 0 0;font-size:30px}
.results-count{color:var(--muted);font-size:13px}
.toolbar-actions{display:flex;align-items:center;gap:9px}
.sort-select{height:42px;border:1px solid rgba(47,69,58,.26);border-radius:9px;background:#f9f8f1;color:var(--text);padding:0 29px 0 10px;font-size:13px}
.view-btn{width:42px;height:42px;padding:10px;border:1px solid rgba(47,69,58,.26);border-radius:9px;background:#f9f8f1;color:var(--moss-deep)}
.view-btn.active{background:var(--moss-deep);border-color:var(--moss-deep);color:#fff}
.entry-list{display:grid;gap:14px}
.entry-card{position:relative;display:grid;grid-template-columns:78px minmax(0,1fr) 115px 28px;align-items:center;gap:18px;padding:20px 20px 20px 0;border:1px solid rgba(47,69,58,.17);border-radius:15px;background:rgba(255,255,252,.67);box-shadow:0 8px 20px rgba(24,29,24,.035);overflow:hidden;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.entry-card:before{content:"";width:4px;align-self:stretch;background:transparent;transition:background .2s ease}
.entry-card:hover{transform:translateX(3px);border-color:rgba(88,114,99,.66);background:#fffef8}
.entry-card:hover:before{background:var(--moss)}
.entry-no{padding-left:15px;color:var(--bronze);font-size:13px;font-weight:800;line-height:1.45}
.entry-no small{display:block;color:var(--muted);font-size:11px;font-weight:600}
.entry-copy h3{margin:0 0 5px;font-size:18px}
.entry-copy p{margin:0;color:#626860;font-size:13px;line-height:1.7}
.status{justify-self:end;display:inline-flex;border:1px solid rgba(88,114,99,.35);border-radius:999px;padding:4px 9px;color:var(--moss-deep);font-size:11px;font-weight:750;white-space:nowrap}
.status.bronze{border-color:rgba(168,120,70,.58);color:#80582f}
.arrow{color:var(--moss-deep);font-size:24px;transition:transform .2s ease}
.entry-card:hover .arrow{transform:translateX(4px)}
.notice-card{border:1px dashed rgba(168,120,70,.54);border-radius:15px;padding:20px 22px;background:rgba(168,120,70,.08);display:flex;justify-content:space-between;align-items:center;gap:20px}
.notice-card p{margin:3px 0 0;color:#666259;font-size:13px}
.notice-card strong{font-size:15px}
.notice-card a{color:var(--moss-deep);font-size:14px;font-weight:800;border-bottom:1px solid currentColor;white-space:nowrap}
.pagination{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:34px}
.page-btn{min-width:40px;height:40px;border:1px solid rgba(47,69,58,.27);border-radius:9px;background:transparent;color:var(--moss-deep);font-size:13px;font-weight:750}
.page-btn:hover{background:rgba(88,114,99,.12)}
.page-btn.active{background:var(--bronze);border-color:var(--bronze);color:#1c1b16}
.page-btn:disabled{opacity:.42;cursor:not-allowed}
.faq-section{background:var(--ink-2);color:var(--paper);padding:88px 0}
.faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:72px;align-items:start}
.faq-copy p{color:#b8c0b4;max-width:360px}
.faq-list{border-top:1px solid var(--line-dark)}
.faq-item{border-bottom:1px solid var(--line-dark)}
.faq-question{width:100%;display:grid;grid-template-columns:38px 1fr 24px;gap:10px;align-items:center;padding:19px 0;border:0;background:transparent;color:var(--paper);text-align:left;font-size:16px;font-weight:750}
.faq-num{color:var(--bronze-soft);font-size:12px;letter-spacing:.08em}
.faq-symbol{font-size:22px;color:var(--bronze-soft);font-weight:400}
.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease}
.faq-answer>div{overflow:hidden}
.faq-answer p{margin:0;padding:0 34px 18px 48px;color:#bbc2b7;font-size:14px;line-height:1.8}
.faq-item.open .faq-answer{grid-template-rows:1fr}
.faq-item.open .faq-symbol{font-size:0}
.faq-item.open .faq-symbol:after{content:"−";font-size:22px}
.page-cta{padding:56px 0;background:var(--paper-2)}
.cta-box{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:39px 44px;border:1px solid rgba(193,152,105,.62);border-radius:20px;background:var(--moss-deep);color:var(--paper);box-shadow:var(--shadow-dark)}
.cta-box:before{content:"";position:absolute;width:210px;height:210px;right:-55px;top:-128px;border:1px solid rgba(193,152,105,.3);border-radius:50%;box-shadow:0 0 0 22px rgba(193,152,105,.05)}
.cta-box h2{position:relative;margin:0 0 6px;font-size:28px}
.cta-box p{position:relative;margin:0;color:#c7d0c3;font-size:14px}
.cta-box .btn{position:relative;flex:none}
footer{background:var(--ink);color:#c8cec4;border-top:1px solid rgba(168,120,70,.4)}
.footer-grid{display:grid;grid-template-columns:1.25fr .8fr 1fr;gap:56px;padding:58px 0 38px}
.footer-brand p{max-width:270px;margin:13px 0 0;color:#aeb6ab;font-size:13px}
.footer-title{margin:0 0 12px;color:var(--bronze-soft);font-size:12px;font-weight:800;letter-spacing:.1em}
.footer-links,.footer-meta{display:grid;gap:8px;color:#b8c0b6;font-size:13px}
.footer-links a:hover,.footer-meta a:hover{color:var(--bronze-soft)}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-top:1px solid var(--line-dark);color:#879185;font-size:12px}
.mobile-panel{display:none}
@media (max-width:1024px){
 .catalog-grid{grid-template-columns:238px minmax(0,1fr);gap:28px}
 .entry-card{grid-template-columns:67px minmax(0,1fr) 28px}
 .entry-card .status{display:none}
 .faq-grid{gap:42px}
}
@media (max-width:768px){
 .container{width:min(calc(100% - 32px),var(--container))}
 .site-header{height:70px}
 .nav-links,.nav-cta{display:none}
 .menu-toggle{display:block}
 .mobile-panel{position:fixed;z-index:25;top:70px;right:0;bottom:0;left:0;display:block;background:rgba(23,26,23,.98);padding:30px 24px;transform:translateX(100%);transition:transform .25s ease}
 .mobile-panel.open{transform:translateX(0)}
 .mobile-panel a{display:block;padding:17px 0;border-bottom:1px solid var(--line-dark);color:var(--paper);font-size:19px;font-weight:750}
 .mobile-panel .btn{margin-top:24px;width:100%}
 .page-hero{padding:48px 0}
 .catalog{padding:48px 0 64px}
 .catalog-grid{display:block}
 .filter-panel{position:static;margin-bottom:25px}
 .filter-panel[data-collapsed="true"] .filter-group,.filter-panel[data-collapsed="true"] .reset-btn,.filter-panel[data-collapsed="true"] .rule-note{display:none}
 .results-toolbar{align-items:start}
 .faq-grid{grid-template-columns:1fr}
 .faq-copy p{max-width:580px}
 .footer-grid{grid-template-columns:1fr 1fr;gap:30px}
 .footer-brand{grid-column:1/-1}
}
@media (max-width:520px){
 body{font-size:15px}
 h1{font-size:36px}
 .brand{font-size:15px}
 .page-hero{padding:37px 0 40px}
 .hero-meta{gap:7px}
 .meta-chip{font-size:11px}
 .results-toolbar{display:block}
 .toolbar-actions{margin-top:15px}
 .entry-card{grid-template-columns:1fr 25px;gap:10px;padding:17px 16px}
 .entry-card:before{position:absolute;left:0;top:0;bottom:0}
 .entry-no{grid-column:1/-1;padding:0;color:var(--bronze)}
 .entry-copy h3{font-size:17px}
 .arrow{grid-column:2;grid-row:2}
 .notice-card{display:block}
 .notice-card a{display:inline-block;margin-top:12px}
 .pagination{gap:4px}
 .page-btn{min-width:36px;height:38px}
 .faq-section{padding:65px 0}
 .faq-question{font-size:15px}
 .faq-answer p{padding-left:0}
 .cta-box{display:block;padding:30px 25px}
 .cta-box .btn{width:100%;margin-top:21px}
 .footer-grid{grid-template-columns:1fr;padding:45px 0 30px;gap:26px}
 .footer-brand{grid-column:auto}
 .footer-bottom{display:block;line-height:2}
}
@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *{transition:none!important;animation:none!important}
}