/* roulang page: index */
:root{--plum:#22152e;--plum2:#342143;--coral:#f47c62;--coral-dark:#d85d47;--cream:#fff9ef;--paper:#f7f2f0;--mist:#eee8f0;--ink:#291f30;--muted:#6f6474;--line:#ded4dd;--mint:#7bc5af;--radius:22px;--shadow:0 22px 56px rgba(39,19,54,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.grain{background-image:radial-gradient(rgba(255,255,255,.16) .7px,transparent .7px);background-size:7px 7px}.shell{width:min(1200px,calc(100% - 40px));margin:auto}.nav-link{position:relative;color:#e9dfea;font-size:.92rem;font-weight:700;padding:.55rem .7rem;transition:.2s}.nav-link:after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:.25rem;height:2px;background:var(--coral);transform:scaleX(0);transition:.2s}.nav-link:hover,.nav-link.active{color:#fff}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;border-radius:999px;padding:.72rem 1.15rem;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;border:1px solid transparent}.btn:focus-visible,.filter:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ffd4c6;outline-offset:3px}.btn-primary{background:var(--coral);color:#301b29;box-shadow:0 10px 24px rgba(244,124,98,.25)}.btn-primary:hover{background:#ff9279;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-quiet{border-color:rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.06)}.btn-quiet:hover{background:rgba(255,255,255,.14)}.media{position:relative;overflow:hidden;background:linear-gradient(135deg,#6c405d,#211b36);isolation:isolate}.media:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,rgba(244,124,98,.85),transparent 18%),radial-gradient(circle at 30% 70%,rgba(123,197,175,.45),transparent 23%),linear-gradient(125deg,transparent 30%,rgba(255,255,255,.12) 30% 32%,transparent 32%);z-index:-1}.media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,13,29,.78),rgba(20,13,29,.04) 70%)}.play{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--coral);color:#321b2b;box-shadow:0 8px 20px rgba(0,0,0,.22);position:relative;z-index:1}.play svg{margin-left:3px}.badge{display:inline-flex;align-items:center;gap:.3rem;border-radius:999px;padding:.25rem .6rem;font-size:.75rem;font-weight:800;line-height:1.2}.section-kicker{color:var(--berry);font-size:.78rem;font-weight:900;letter-spacing:.12em}.card{border:1px solid var(--line);background:#fffdfa;border-radius:var(--radius);box-shadow:0 8px 26px rgba(53,35,61,.06)}.filter{white-space:nowrap;border:1px solid var(--line);background:#fffdfa;color:#554958;border-radius:999px;padding:.52rem .82rem;font-size:.84rem;font-weight:800;transition:.2s}.filter:hover,.filter.active{border-color:var(--coral);background:#fff0eb;color:#9b3e35}.track{display:flex;gap:16px;overflow-x:auto;padding:4px 2px 16px;scroll-snap-type:x mandatory;scrollbar-color:#bdaebb transparent}.track>*{scroll-snap-align:start}.faq details{border-bottom:1px solid var(--line);padding:1rem 0}.faq summary{list-style:none;cursor:pointer;font-weight:800;padding-right:2rem;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"＋";position:absolute;right:0;color:var(--coral);font-size:1.35rem;top:-.25rem}.faq details[open] summary:after{content:"－"}.faq p{color:var(--muted);margin:.8rem 2rem .1rem 0;font-size:.93rem}.menu-panel{display:none}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(123,197,175,.16)}@media(max-width:768px){.shell{width:min(100% - 28px,1200px)}.desktop-nav{display:none}.menu-panel.open{display:block}.mobile-menu{display:block}.hero-grid{grid-template-columns:1fr!important}.support-grid{grid-template-columns:1fr!important}.hide-sm{display:none}.section-pad{padding-top:3.5rem!important;padding-bottom:3.5rem!important}}@media(min-width:769px){.mobile-menu{display:none}}@media(max-width:520px){h1{font-size:2.35rem!important;line-height:1.1!important}.btn{width:100%}.hero-actions{flex-direction:column}.mobile-nav-links{display:grid;grid-template-columns:1fr 1fr}.section-pad{padding-top:3rem!important;padding-bottom:3rem!important}}

/* roulang page: category2 */
:root{--plum:#22152e;--plum2:#342143;--coral:#f47c62;--coral-dark:#d85d47;--cream:#fff9ef;--paper:#f7f2f0;--mist:#eee8f0;--ink:#291f30;--muted:#6f6474;--line:#ded4dd;--mint:#7bc5af;--berry:#a94e69;--radius:22px;--shadow:0 22px 56px rgba(39,19,54,.16)}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.shell{width:min(1200px,calc(100% - 40px));margin:auto}.nav-link{position:relative;color:#e9dfea;font-size:.92rem;font-weight:700;padding:.55rem .7rem;transition:.2s}.nav-link:after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:.25rem;height:2px;background:var(--coral);transform:scaleX(0);transition:.2s}.nav-link:hover,.nav-link.active{color:#fff}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;border-radius:999px;padding:.72rem 1.15rem;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;border:1px solid transparent}.btn:focus-visible,.filter:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ffd4c6;outline-offset:3px}.btn-primary{background:var(--coral);color:#301b29;box-shadow:0 10px 24px rgba(244,124,98,.25)}.btn-primary:hover{background:#ff9279;transform:translateY(-2px)}.btn-quiet{border-color:rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.06)}.btn-quiet:hover{background:rgba(255,255,255,.14)}.badge{display:inline-flex;align-items:center;gap:.3rem;border-radius:999px;padding:.25rem .6rem;font-size:.75rem;font-weight:800;line-height:1.2}.card{border:1px solid var(--line);background:#fffdfa;border-radius:var(--radius);box-shadow:0 8px 26px rgba(53,35,61,.06)}.media{position:relative;overflow:hidden;background:linear-gradient(135deg,#6c405d,#211b36);isolation:isolate}.media:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,rgba(244,124,98,.85),transparent 18%),radial-gradient(circle at 30% 70%,rgba(123,197,175,.45),transparent 23%),linear-gradient(125deg,transparent 30%,rgba(255,255,255,.12) 30% 32%,transparent 32%);z-index:-1}.media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,13,29,.78),rgba(20,13,29,.04) 70%)}.menu-panel{display:none}.menu-panel.open{display:block}.mobile-menu{display:none}.topic-card{transition:transform .25s,box-shadow .25s,border-color .25s}.topic-card:hover{transform:translateY(-5px);border-color:#e7a496;box-shadow:var(--shadow)}.topic-card:hover .cover-shape{transform:scale(1.04)}.cover-shape{transition:transform .3s}.filter{border:1px solid var(--line);background:#fffdfa;color:var(--muted);border-radius:999px;padding:.55rem .9rem;font-weight:700;transition:.2s}.filter:hover,.filter.active{background:var(--plum);color:#fff;border-color:var(--plum)}.faq details{border-bottom:1px solid var(--line);padding:1rem 0}.faq summary{list-style:none;cursor:pointer;font-weight:800;padding-right:2rem;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"＋";position:absolute;right:0;color:var(--coral);font-size:1.35rem;top:-.25rem}.faq details[open] summary:after{content:"－"}.faq p{color:var(--muted);margin:.8rem 2rem .1rem 0;font-size:.93rem}.search-box{border:1px solid var(--line);background:#fffdfa;border-radius:999px;min-height:46px;padding:0 1rem;color:var(--ink)}.search-box:focus{border-color:var(--coral)}
    @media(max-width:768px){.shell{width:min(100% - 28px,1200px)}.desktop-nav{display:none}.mobile-menu{display:block}.hide-sm{display:none}.hero-grid,.feature-grid{grid-template-columns:1fr!important}.topic-grid{grid-template-columns:1fr 1fr!important}.btn{width:100%}}
    @media(max-width:520px){h1{font-size:2.25rem!important;line-height:1.12!important}.topic-grid{grid-template-columns:1fr!important}.mobile-nav-links{display:grid;grid-template-columns:1fr 1fr}}
    @media(min-width:769px){.desktop-nav{display:flex}}

/* roulang page: category1 */
:root{--plum:#22152e;--plum2:#342143;--coral:#f47c62;--coral-dark:#d85d47;--cream:#fff9ef;--paper:#f7f2f0;--mist:#eee8f0;--ink:#291f30;--muted:#6f6474;--line:#ded4dd;--mint:#7bc5af;--berry:#a94d69;--radius:22px;--shadow:0 22px 56px rgba(39,19,54,.16)}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.shell{width:min(1200px,calc(100% - 40px));margin:auto}.nav-link{position:relative;color:#e9dfea;font-size:.92rem;font-weight:700;padding:.55rem .7rem;transition:.2s}.nav-link:after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:.25rem;height:2px;background:var(--coral);transform:scaleX(0);transition:.2s}.nav-link:hover,.nav-link.active{color:#fff}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;border-radius:999px;padding:.72rem 1.15rem;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;border:1px solid transparent}.btn:focus-visible,.filter:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ffd4c6;outline-offset:3px}.btn-primary{background:var(--coral);color:#301b29;box-shadow:0 10px 24px rgba(244,124,98,.25)}.btn-primary:hover{background:#ff9279;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-quiet{border-color:rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.06)}.btn-quiet:hover{background:rgba(255,255,255,.14)}.card{border:1px solid var(--line);background:#fffdfa;border-radius:var(--radius);box-shadow:0 8px 26px rgba(53,35,61,.06)}.media{position:relative;overflow:hidden;background:linear-gradient(135deg,#70435d,#241a37);isolation:isolate}.media:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,rgba(244,124,98,.85),transparent 18%),radial-gradient(circle at 30% 70%,rgba(123,197,175,.45),transparent 23%),linear-gradient(125deg,transparent 30%,rgba(255,255,255,.12) 30% 32%,transparent 32%);z-index:-1}.media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,13,29,.78),rgba(20,13,29,.04) 70%)}.badge{display:inline-flex;align-items:center;gap:.3rem;border-radius:999px;padding:.25rem .6rem;font-size:.75rem;font-weight:800;line-height:1.2}.filter{border:1px solid var(--line);background:#fffdfa;color:var(--muted);border-radius:999px;padding:.55rem .9rem;font-weight:700;transition:.2s}.filter:hover,.filter.active{background:var(--plum);border-color:var(--plum);color:#fff}.content-item{transition:transform .2s,box-shadow .2s,border-color .2s}.content-item:hover{transform:translateY(-3px);border-color:#d79a91;box-shadow:0 14px 30px rgba(53,35,61,.1)}.faq details{border-bottom:1px solid var(--line);padding:1rem 0}.faq summary{list-style:none;cursor:pointer;font-weight:800;padding-right:2rem;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"＋";position:absolute;right:0;color:var(--coral);font-size:1.35rem;top:-.25rem}.faq details[open] summary:after{content:"－"}.faq p{color:var(--muted);margin:.8rem 2rem .1rem 0;font-size:.93rem}.menu-panel{display:none}.menu-panel.open{display:block}.mobile-menu{display:none}.section-pad{padding:5.5rem 0}.search-box{border:1px solid var(--line);background:#fffdfa;border-radius:999px;min-height:48px;padding:0 1rem;display:flex;align-items:center;gap:.6rem}.search-box input{border:0;outline:0;background:transparent;width:100%;color:var(--ink)}
    @media(max-width:768px){.shell{width:min(100% - 28px,1200px)}.desktop-nav{display:none}.mobile-menu{display:block}.hide-sm{display:none}.section-pad{padding:3.5rem 0}.hero-copy h1{font-size:2.45rem;line-height:1.12}.mobile-nav-links{display:grid;grid-template-columns:1fr 1fr}.content-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.filter-row{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.4rem}.filter{white-space:nowrap}}
    @media(min-width:769px){.desktop-nav{display:flex}}
    @media(max-width:520px){.hero-copy h1{font-size:2.15rem}.btn{width:100%}.hero-actions{flex-direction:column}.mobile-nav-links{display:grid;grid-template-columns:1fr 1fr}}