/* roulang page: index */
:root{--paper:#f5f3ec;--ink:#29342d;--coal:#16221b;--green:#1c5b42;--lime:#b9e743;--orange:#d86643;--line:#c9cec2;--mist:#e8ece1;--radius:14px;--shadow:0 10px 28px rgba(22,34,27,.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 CJK SC",Arial,sans-serif;line-height:1.8}
    a{text-decoration:none;color:inherit} button,input,select,textarea{font:inherit} button{cursor:pointer} ::selection{background:var(--lime);color:var(--coal)}
    .field-lines{background-image:linear-gradient(rgba(185,231,67,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(185,231,67,.06) 1px,transparent 1px);background-size:44px 44px}
    .scan{background-image:repeating-linear-gradient(0deg,transparent 0,transparent 7px,rgba(41,52,45,.035) 8px)}
    .container{width:min(1180px,calc(100% - 32px));margin:auto}.nav-chip{white-space:nowrap;border:1px solid rgba(201,206,194,.42);border-radius:8px;padding:8px 13px;font-size:14px;color:#edf1e8;transition:.2s}
    .nav-chip:hover,.nav-chip:focus-visible{border-color:var(--lime);color:var(--lime)}.nav-chip.active{background:var(--lime);border-color:var(--lime);color:var(--coal);font-weight:700}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 18px;border-radius:10px;border:1px solid transparent;font-weight:700;transition:transform .2s,box-shadow .2s,border-color .2s}
    .btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.16)}.btn:active{transform:translateY(0)}.btn:focus-visible,.nav-chip:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
    .btn-main{background:var(--lime);color:var(--coal)}.btn-ghost{border-color:rgba(245,243,236,.55);color:#fff}.btn-ghost:hover{border-color:var(--lime);color:var(--lime)}
    .topline{height:3px;background:var(--green)}.topline.lime{background:var(--lime)}.topline.orange{background:var(--orange)}
    .card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden;box-shadow:0 4px 12px rgba(22,34,27,.04);transition:.22s}.card:hover{transform:translateY(-4px);border-color:var(--green);box-shadow:var(--shadow)}
    .tag{display:inline-flex;align-items:center;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:700;line-height:1.4}.tag-ok{background:#e5f1c6;color:#315720}.tag-wait{background:#f7dfd5;color:#8a3d29}.tag-dark{background:#2c3a31;color:#edf1e8}
    .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.section-title{font-size:clamp(25px,3vw,34px);line-height:1.28;font-weight:800;letter-spacing:-.03em}.sub{color:#5b665e;font-size:16px;max-width:720px}
    details{border-bottom:1px solid var(--line)}summary{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none;font-size:17px;font-weight:700;cursor:pointer;padding:12px 0}summary::-webkit-details-marker{display:none}summary .plus{transition:.2s}details[open] summary{color:var(--green);padding-left:13px;border-left:3px solid var(--green);background:#edf2e7}details[open] summary .plus{transform:rotate(45deg)}.answer{padding:0 17px 18px;color:#536057;font-size:15px}
    .input{width:100%;border:1px solid #b9c1b5;border-radius:9px;background:#fbfaf6;color:var(--ink);padding:12px 13px;min-height:46px;transition:.2s}.input:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(185,231,67,.2);outline:0}
    @media(max-width:767px){.container{width:min(100% - 32px,1180px)}.nav-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav-scroll::-webkit-scrollbar{display:none}.section-title{font-size:27px}.mobile-full{width:100%}}

/* roulang page: category2 */
:root{--paper:#f5f3ec;--ink:#29342d;--coal:#16221b;--green:#1c5b42;--lime:#b9e743;--orange:#d86643;--line:#c9cec2;--mist:#e8ece1;--radius:14px;--shadow:0 10px 28px rgba(22,34,27,.08)}
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 CJK SC",Arial,sans-serif;line-height:1.8}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.container{width:min(1180px,calc(100% - 32px));margin:auto}
.nav-chip{white-space:nowrap;border:1px solid rgba(201,206,194,.42);border-radius:8px;padding:8px 13px;font-size:14px;color:#edf1e8;transition:.2s}
.nav-chip:hover,.nav-chip:focus-visible{border-color:var(--lime);color:var(--lime)}
.nav-chip.active{background:var(--lime);border-color:var(--lime);color:var(--coal);font-weight:700}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 18px;border-radius:10px;border:1px solid transparent;font-weight:700;transition:transform .2s,box-shadow .2s,border-color .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.16)}
.btn:active{transform:translateY(0)}
.btn:focus-visible,.nav-chip:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.btn-main{background:var(--lime);color:var(--coal)}
.btn-ghost{border-color:rgba(245,243,236,.55);color:#fff}
.btn-ghost:hover{border-color:var(--lime);color:var(--lime)}
.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden;box-shadow:0 4px 12px rgba(22,34,27,.04);transition:.22s}
.card:hover{transform:translateY(-4px);border-color:var(--green);box-shadow:var(--shadow)}
.tag{display:inline-flex;align-items:center;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:700;line-height:1.4}
.tag-ok{background:#e5f1c6;color:#315720}
.tag-wait{background:#f7dfd5;color:#8a3d29}
.tag-dark{background:#2c3a31;color:#edf1e8}
.section-title{font-size:clamp(25px,3vw,34px);line-height:1.28;font-weight:800;letter-spacing:-.03em}
.input{width:100%;border:1px solid #b9c1b5;border-radius:9px;background:#fbfaf6;color:var(--ink);padding:12px 13px;min-height:46px;transition:.2s}
.input:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(185,231,67,.2);outline:0}
.nav-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.nav-scroll::-webkit-scrollbar{display:none}
.timeline-bg{background-image:linear-gradient(90deg,rgba(28,91,66,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(28,91,66,.045) 1px,transparent 1px);background-size:28px 28px}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace}
.timeline-item{position:relative;padding-left:42px}
.timeline-item:before{content:"";position:absolute;left:11px;top:34px;bottom:-34px;width:1px;background:var(--line)}
.timeline-item:last-child:before{display:none}
.timeline-dot{position:absolute;left:3px;top:18px;width:18px;height:18px;border:4px solid var(--paper);border-radius:50%;background:var(--lime);box-shadow:0 0 0 1px var(--green)}
.timeline-dot.wait{background:var(--orange)}
.legend-line{height:3px;background:linear-gradient(90deg,var(--lime) 0 66%,#526158 66% 100%)}
.table-wrap{overflow-x:auto;border:1px solid #4f5b53;border-radius:12px}
.version-table{min-width:690px;width:100%;border-collapse:collapse}
.version-table th{padding:13px 16px;background:#233229;color:#eaf0e5;font-size:13px;text-align:left;white-space:nowrap}
.version-table td{padding:14px 16px;border-top:1px solid #405047;color:#e2e9dd;font-size:14px;vertical-align:top}
.version-table tr:hover td{background:#203027}
.quick-link{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(201,206,194,.25);padding:12px 0;color:#e9eee5;transition:.2s}
.quick-link:hover{color:var(--lime);padding-left:4px}
.detail-note[open]{border-color:var(--green);background:#f0f4ea}
.detail-note summary{list-style:none}
.detail-note summary::-webkit-details-marker{display:none}
@media(max-width:767px){.container{width:min(100% - 32px,1180px)}.section-title{font-size:27px}.timeline-item{padding-left:34px}.timeline-item:before{left:8px}.timeline-dot{left:0}.mobile-full{width:100%}}

/* roulang page: category1 */
:root{--paper:#f5f3ec;--ink:#29342d;--coal:#16221b;--green:#1c5b42;--lime:#b9e743;--orange:#d86643;--line:#c9cec2;--mist:#e8ece1;--radius:14px;--shadow:0 10px 28px rgba(22,34,27,.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 CJK SC",Arial,sans-serif;line-height:1.8}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.container{width:min(100% - 32px,1180px);margin:auto}
.nav-chip{white-space:nowrap;border:1px solid rgba(201,206,194,.42);border-radius:8px;padding:8px 13px;font-size:14px;color:#edf1e8;transition:.2s}
.nav-chip:hover,.nav-chip:focus-visible{border-color:var(--lime);color:var(--lime)}
.nav-chip.active{background:var(--lime);border-color:var(--lime);color:var(--coal);font-weight:700}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 18px;border-radius:10px;border:1px solid transparent;font-weight:700;transition:transform .2s,box-shadow .2s,border-color .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.16)}
.btn:active{transform:translateY(0)}
.btn:focus-visible,.nav-chip:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.btn-main{background:var(--lime);color:var(--coal)}
.btn-ghost{border-color:rgba(245,243,236,.55);color:#fff}
.btn-ghost:hover{border-color:var(--lime);color:var(--lime)}
.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden;box-shadow:0 4px 12px rgba(22,34,27,.04);transition:.22s}
.card:hover{transform:translateY(-4px);border-color:var(--green);box-shadow:var(--shadow)}
.tag{display:inline-flex;align-items:center;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:700;line-height:1.4}
.tag-ok{background:#e5f1c6;color:#315720}
.tag-wait{background:#f7dfd5;color:#8a3d29}
.tag-dark{background:#2c3a31;color:#edf1e8}
.section-title{font-size:clamp(25px,3vw,34px);line-height:1.28;font-weight:800;letter-spacing:-.03em}
.input{width:100%;border:1px solid #b9c1b5;border-radius:9px;background:#fbfaf6;color:var(--ink);padding:12px 13px;min-height:46px;transition:.2s}
.input:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(185,231,67,.2);outline:0}
.nav-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.nav-scroll::-webkit-scrollbar{display:none}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
.page-grid{background-image:linear-gradient(rgba(28,91,66,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(28,91,66,.045) 1px,transparent 1px);background-size:28px 28px}
.title-strip{position:relative;overflow:hidden}
.title-strip:after{content:"";position:absolute;right:-80px;top:-120px;width:340px;height:340px;border:1px solid rgba(28,91,66,.15);border-radius:50%;box-shadow:0 0 0 38px rgba(28,91,66,.035),0 0 0 76px rgba(28,91,66,.025)}
.filter-btn{display:flex;width:100%;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:9px;padding:10px 11px;background:#fbfaf6;color:#39453e;font-size:14px;transition:.2s}
.filter-btn:hover{border-color:var(--green);background:#f0f4ea}
.filter-btn.active{border-color:var(--green);background:var(--green);color:#fff;font-weight:700}
.result-item{display:grid;grid-template-columns:94px minmax(0,1fr) 170px;gap:20px;align-items:stretch;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 3px 10px rgba(22,34,27,.035);transition:.22s}
.result-item:hover{transform:translateY(-3px);border-color:var(--green);box-shadow:var(--shadow)}
.item-stamp{display:flex;min-height:100%;flex-direction:column;justify-content:space-between;background:#e9ede3;border-right:1px solid var(--line);padding:17px 13px}
.status-rail{display:flex;flex-direction:column;justify-content:center;gap:10px;border-left:1px dashed var(--line);padding:17px 16px;background:#fafbf7}
.progress{height:6px;overflow:hidden;border-radius:99px;background:#dce2d6}
.progress>span{display:block;height:100%;border-radius:inherit;background:var(--green)}
.note-board{border:1px solid #b6c49b;border-left:5px solid var(--lime);border-radius:12px;background:#edf2e4}
.faq-row{border-bottom:1px solid var(--line)}
.faq-row summary{display:flex;min-height:62px;cursor:pointer;align-items:center;justify-content:space-between;gap:16px;padding:14px 4px;font-weight:700;list-style:none}
.faq-row summary::-webkit-details-marker{display:none}
.faq-row[open] summary{color:var(--green)}
.faq-row[open]{border-left:4px solid var(--green);padding-left:15px;background:#edf2e9}
.faq-row p{margin:0;padding:0 14px 17px 4px;color:#536057;font-size:15px;line-height:1.8}
.plus{width:22px;height:22px;flex:none;transition:transform .2s}
details[open] .plus{transform:rotate(45deg)}
@media(max-width:1023px){.result-item{grid-template-columns:82px minmax(0,1fr) 155px}}
@media(max-width:767px){.container{width:min(100% - 32px,1180px)}.section-title{font-size:27px}.result-item{grid-template-columns:70px minmax(0,1fr);gap:0}.item-stamp{padding:14px 9px}.status-rail{grid-column:1/-1;display:grid;grid-template-columns:1fr auto auto;align-items:center;border-left:0;border-top:1px dashed var(--line);padding:12px}.result-main{padding:14px!important}.title-strip:after{opacity:.55}.mobile-full{width:100%}}