/* roulang page: index */
:root{--ink:#24342E;--paper:#F7F3EA;--card:#FFFEFA;--moss:#DDE7D9;--apricot:#E9C7A7;--brick:#B96042;--line:#DDD7CC;--muted:#68746E;--radius:24px}
    *{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.8}
    body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.26;background-image:radial-gradient(rgba(36,52,46,.16) .55px,transparent .7px);background-size:11px 11px;mask-image:linear-gradient(to bottom,black,transparent 78%)}
    a{text-decoration:none;color:inherit} button,input{font:inherit} button{cursor:pointer} ::selection{background:var(--apricot);color:var(--ink)}
    .dock{backdrop-filter:blur(8px);background:rgba(255,254,250,.96);border:1px solid rgba(221,215,204,.9);box-shadow:0 10px 30px rgba(36,52,46,.07)}
    .nav-link{padding:.58rem .9rem;border-radius:999px;transition:.2s ease;color:#506057;font-size:.9rem;font-weight:600}.nav-link:hover{background:#edf1e9;color:var(--ink)}.nav-link.active{background:var(--moss);color:var(--ink)}
    .btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:15px;padding:.72rem 1.1rem;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:focus-visible,.nav-link:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid rgba(185,96,66,.38);outline-offset:3px}.btn-dark{background:var(--ink);color:#fffdf7;box-shadow:0 8px 18px rgba(36,52,46,.14)}.btn-dark:hover{background:#15231e}.btn-brick{background:var(--brick);color:#fff}.btn-brick:hover{background:#9e4d35}.btn-line{border-color:#cfc8bb;background:rgba(255,254,250,.55);color:var(--ink)}.btn-line:hover{border-color:#96a595;background:#fffefa}
    .section{padding:88px 0}.eyebrow{font-size:.75rem;letter-spacing:.12em;font-weight:800;color:var(--brick)}.card-lift{transition:transform .25s,box-shadow .25s,border-color .25s}.card-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow,0 18px 38px rgba(36,52,46,.11));border-color:#b8c9b4}
    .hero-poster{background:linear-gradient(130deg,#1e3029 0%,#293d35 60%,#405147 100%);position:relative;overflow:hidden}.hero-poster:after{content:"99";position:absolute;right:-20px;bottom:-125px;font-family:Georgia,serif;font-size:330px;line-height:1;color:rgba(233,199,167,.12);font-weight:bold}
    .stamp{border:1px solid rgba(255,254,250,.45);border-radius:999px;padding:.28rem .7rem;font-size:.75rem;color:#f7f3ea}.poster-card{position:relative;z-index:1;background:#fffefabf;border:1px solid rgba(255,255,255,.6);box-shadow:0 22px 45px rgba(5,18,13,.28)}
    .number-line{border-left:1px solid #c9d4c4}.number-line>div{position:relative}.number-line>div:before{content:"";position:absolute;width:13px;height:13px;background:var(--brick);border-radius:50%;left:-7px;top:8px;border:3px solid var(--paper)}
    .tag{display:inline-flex;align-items:center;border:1px solid #d6d0c5;border-radius:999px;padding:.28rem .68rem;background:#fffefa;font-size:.78rem;color:#506057;font-weight:600}.tag:hover{border-color:#9aae94;background:#edf3eb}
    .feedback:nth-child(2){transform:rotate(1deg)}.feedback:nth-child(3){transform:rotate(-1deg)}
    details summary{list-style:none;cursor:pointer}details summary::-webkit-details-marker{display:none}.faq-plus:before{content:"+";font-size:1.55rem;font-weight:300;color:var(--brick)}details[open] .faq-plus:before{content:"−"}
    .fadein{animation:rise .7s both}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
    .mobile-panel{display:none}@media(max-width:767px){.mobile-panel.open{display:block}.feedback:nth-child(n){transform:none}.section{padding:58px 0}.hero-poster:after{font-size:220px;bottom:-85px}}

/* roulang page: category1 */
:root{--ink:#24342E;--paper:#F7F3EA;--card:#FFFEFA;--moss:#DDE7D9;--apricot:#E9C7A7;--brick:#B96042;--line:#DDD7CC;--muted:#68746E;--radius:24px}
*{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.8}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.26;background-image:radial-gradient(rgba(36,52,46,.16) .55px,transparent .7px);background-size:11px 11px;mask-image:linear-gradient(to bottom,black,transparent 78%)}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
button{cursor:pointer}
.dock{background:rgba(255,254,250,.96);border:1px solid rgba(221,215,204,.95);box-shadow:0 12px 28px rgba(36,52,46,.09);backdrop-filter:blur(10px)}
.nav-link{padding:.58rem .9rem;border-radius:999px;transition:.2s ease;color:#506057;font-size:.9rem;font-weight:600}
.nav-link:hover{background:#edf1e9;color:var(--ink)}
.nav-link.active{background:var(--moss);color:var(--ink)}
.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:15px;padding:.72rem 1.1rem;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s;border:1px solid transparent}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn:disabled{cursor:not-allowed;opacity:.55;transform:none}
.btn:focus-visible,.nav-link:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid rgba(185,96,66,.38);outline-offset:3px}
.btn-dark{background:var(--ink);color:#fffdf7;box-shadow:0 8px 18px rgba(36,52,46,.14)}
.btn-dark:hover{background:#15231e}
.btn-brick{background:var(--brick);color:#fff}
.btn-brick:hover{background:#9e4d35}
.btn-line{border-color:#cfc8bb;background:rgba(255,254,250,.55);color:var(--ink)}
.btn-line:hover{border-color:#96a595;background:#fffefa}
.section{padding:72px 0}
.eyebrow{font-size:.75rem;letter-spacing:.12em;font-weight:800;color:var(--brick)}
.card-lift{transition:transform .25s,box-shadow .25s,border-color .25s}
.card-lift:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(36,52,46,.11);border-color:#b8c9b4}
.tag{display:inline-flex;align-items:center;border:1px solid #d6d0c5;border-radius:999px;padding:.28rem .68rem;background:#fffefa;font-size:.78rem;color:#506057;font-weight:600;white-space:nowrap}
.tag:hover{border-color:#9aae94;background:#edf3eb}
.mobile-panel{display:none}
.mobile-panel.open{display:block}
.index-hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#e3ecdf 0%,#f7f3ea 57%,#f1d9c2 100%);border:1px solid #d4ddd0}
.index-hero:after{content:"01";position:absolute;right:4%;bottom:-4.8rem;color:rgba(36,52,46,.08);font-family:Georgia,serif;font-size:13rem;font-weight:700;line-height:1}
.bookmark{position:absolute;right:12%;top:0;width:54px;height:112px;background:var(--brick);clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%)}
.cover-block{position:relative;background:#24342e;overflow:hidden}
.cover-block:before{content:"中文";position:absolute;right:-14px;bottom:-41px;font-family:Georgia,"Songti SC",serif;font-size:104px;font-weight:700;color:rgba(233,199,167,.16)}
.timeline-item{position:relative;padding-left:30px}
.timeline-item:before{content:"";position:absolute;left:5px;top:1.75rem;bottom:-2rem;width:1px;background:#ccd5c8}
.timeline-item:last-child:before{bottom:1.75rem}
.timeline-dot{position:absolute;left:0;top:1.25rem;width:11px;height:11px;border-radius:99px;background:var(--brick);box-shadow:0 0 0 5px var(--paper)}
.article-summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.filter-scroll{scrollbar-width:none}
.filter-scroll::-webkit-scrollbar{display:none}
.faq-plus:before{content:"+";font-size:1.55rem;font-weight:300;color:var(--brick)}
details[open] .faq-plus:before{content:"−"}
.reveal{animation:rise .55s both}
.reveal:nth-child(2){animation-delay:.07s}.reveal:nth-child(3){animation-delay:.14s}.reveal:nth-child(4){animation-delay:.21s}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:1023px){.section{padding:58px 0}}
@media(max-width:767px){.mobile-panel.open{display:block}.section{padding:52px 0}.index-hero:after{font-size:9rem;bottom:-3rem}.bookmark{right:9%;width:42px;height:83px}.timeline-item{padding-left:23px}}
@media(max-width:520px){.btn{width:100%}.index-hero{border-radius:24px}.article-meta{font-size:.72rem}}