/* roulang page: index */
:root{--plum:#392C38;--paper:#F5F1EA;--cream:#FFFCF7;--sage:#9CAF88;--apricot:#D98965;--lilac:#E9DFE2;--ink:#282326;--muted:#70666A;--line:rgba(57,44,56,.14)}
    *{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",sans-serif;line-height:1.75}
    a{text-decoration:none;color:inherit} button{font:inherit;cursor:pointer} button,a{transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}
    button:focus-visible,a:focus-visible{outline:3px solid rgba(217,137,101,.75);outline-offset:3px}.texture{background-image:repeating-radial-gradient(circle at 60% 20%,rgba(255,252,247,.09) 0 1px,transparent 1px 12px)}
    .wave{background-image:linear-gradient(90deg,transparent 0 4%,rgba(57,44,56,.12) 4% 4.3%,transparent 4.3% 8%,rgba(57,44,56,.08) 8% 8.3%,transparent 8.3% 12%);background-size:120px 100%}
    .card-hover:hover{transform:translateY(-3px);box-shadow:0 20px 48px rgba(57,44,56,.14);border-color:rgba(57,44,56,.4)}
    .faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease}.faq-answer>div{overflow:hidden}.faq-open .faq-answer{grid-template-rows:1fr}.faq-open .faq-icon{transform:rotate(45deg)}
    @media(max-width:767px){.mobile-menu{display:none}.mobile-menu.open{display:block}}

/* roulang page: category1 */
:root{--plum:#392C38;--paper:#F5F1EA;--cream:#FFFCF7;--sage:#9CAF88;--apricot:#D98965;--lilac:#E9DFE2;--ink:#282326;--muted:#70666A;--line:rgba(57,44,56,.14)}
html{scroll-behavior:smooth}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;line-height:1.75}
a{text-decoration:none;color:inherit}
button{font:inherit;cursor:pointer}
button,a{transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}
button:focus-visible,a:focus-visible{outline:3px solid rgba(217,137,101,.75);outline-offset:3px}
.card-hover:hover{transform:translateY(-3px);box-shadow:0 20px 48px rgba(57,44,56,.14);border-color:rgba(57,44,56,.4)}
.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease}
.faq-answer>div{overflow:hidden}
.faq-open .faq-answer{grid-template-rows:1fr}
.faq-open .faq-icon{transform:rotate(45deg)}
.mobile-menu{display:none}
.mobile-menu.open{display:block}
.texture{position:relative;overflow:hidden}
.texture:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.11;background:repeating-radial-gradient(circle at 84% 50%,transparent 0,transparent 12px,rgba(255,255,255,.38) 13px,transparent 14px)}
.texture>*{position:relative}
.page-grid{background-image:linear-gradient(rgba(57,44,56,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(57,44,56,.035) 1px,transparent 1px);background-size:38px 38px}
.track-line{position:relative}
.track-line:before{content:"";position:absolute;top:20px;bottom:20px;left:18px;width:1px;background:linear-gradient(var(--sage),rgba(57,44,56,.12),var(--apricot))}
.filter-chip[aria-pressed="true"]{background:var(--plum);color:var(--cream);border-color:var(--plum)}
.filter-chip:hover{border-color:rgba(57,44,56,.52);transform:translateY(-1px)}
.list-item:hover .item-number{background:var(--apricot);color:var(--plum)}
.list-item:hover .item-arrow{transform:translateX(4px);background:var(--plum);color:var(--cream)}
.list-item:hover .item-title{text-decoration:underline;text-decoration-color:var(--apricot);text-underline-offset:5px}
.toggle-dot{transition:transform .2s ease}
.switch-on .toggle-dot{transform:translateX(18px)}
@media(max-width:767px){.mobile-menu{display:none}.mobile-menu.open{display:block}.track-line:before{left:14px}}