@charset "UTF-8";
:root{--ink:#26322f;--muted:#80847d;--paper:#f6f5ef;--white:#fffef9;--line:#e4e4da;--gold:#a98345;--nav:#172129;--green:#527561;--serif:"Noto Serif SC","Source Han Serif SC","SimSun",serif;font-family:"Microsoft YaHei UI","PingFang SC",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:wait;opacity:.5}.sidebar{width:238px;background:var(--nav);color:#bdc5c5;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:39px 23px 23px;z-index:20}.brand{display:flex;align-items:center;gap:13px;color:#eee7d9;font:26px var(--serif);letter-spacing:4px}.brand-mark{font:44px Georgia;color:#d7b777;line-height:1}.brand small{display:block;font:8px Arial;letter-spacing:1.5px;color:#8c989e;margin-top:7px}.game-label{font-size:11px;letter-spacing:2px;padding:25px 0 28px 9px;border-bottom:1px solid #2c353c;color:#97a2a7}.nav-label{font-size:9px;letter-spacing:1.3px;color:#697a82;margin:30px 9px 14px}nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:13px;border-radius:6px;padding:13px 14px;font-size:13px;transition:.2s}.nav-item:hover{background:#ffffff09;color:#f1e8d8}.nav-item.active{background:#d4b37a18;color:#e4c792;box-shadow:inset 2px 0 #d4b37a}.nav-icon{font-size:18px;width:23px;text-align:center}.nav-count{margin-left:auto;font:10px Arial;color:#7f969e}.sidebar-bottom{margin-top:auto;padding:35px 8px 0}.orbit-mark{font-size:43px;color:#6f817d}.sidebar-bottom p{font:13px var(--serif);letter-spacing:2px;color:#96a5a5}.sidebar-bottom small{font-size:10px;color:#657980}.version{font-size:9px;letter-spacing:2px;border-top:1px solid #303b40;padding-top:21px;margin-top:26px;color:#677981}.version span{float:right;letter-spacing:1px}.main-shell{margin-left:238px}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 45px;background:#faf9f4;gap:15px}.breadcrumb{font-size:12px;color:#999e96}.breadcrumb span{padding:0 15px;color:#c1c4ba}.breadcrumb strong{font-weight:400;color:#435047}.header-right{display:flex;gap:24px;align-items:center}.snapshot-indicator{font-size:11px;color:#7d887c;white-space:nowrap}.snapshot-indicator i{display:inline-block;width:6px;height:6px;background:#8fa38c;border-radius:50%;margin-right:7px}.quiet-button{border:1px solid #dedfd4;border-radius:5px;padding:8px 13px;background:transparent;font-size:11px;color:#677063}.quiet-button:hover{background:#ebece2}.icon-button{border:0;background:transparent;font-size:26px;line-height:1;padding:7px}.topbar #menu-toggle{display:none}main{max-width:1550px;margin:0 auto;padding:36px 45px 48px;min-height:calc(100vh - 155px)}.eyebrow{font-size:9px;letter-spacing:2.2px;color:var(--gold);font-weight:500}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px}.page-heading h1{font:32px var(--serif);letter-spacing:3px;margin:11px 0 9px}.page-heading p{color:var(--muted);font-size:12px;line-height:1.8;margin:0}.date-pill{border:1px solid #d9dfd2;padding:9px 12px;border-radius:4px;font:11px monospace;color:#70796a;white-space:nowrap}.hero{position:relative;min-height:246px;border:1px solid #dce0d2;background:#ecede2;border-radius:9px;overflow:hidden;padding:32px 35px;margin-bottom:24px}.hero-copy{position:relative;z-index:2;max-width:58%}.hero-tag{font-size:10px;color:#707e66;letter-spacing:2px}.hero h2{font:36px var(--serif);letter-spacing:5px;line-height:1.6;margin:10px 0 8px}.hero h2 em{font-style:normal;color:#8a6e3e}.hero p{font-size:12px;line-height:1.9;color:#7b8371;margin:0 0 21px}.primary-button{padding:10px 17px;border:0;border-radius:4px;background:#354f41;color:#fffdf3;font-size:11px;display:inline-flex;align-items:center;gap:22px}.primary-button:hover{background:#253d30}.text-link{background:none;border:0;padding:0;color:#8b743f;font-size:11px;white-space:nowrap}.star-map{position:absolute;width:450px;height:330px;right:-17px;top:-39px;color:#9da988;opacity:.85}.star-caption{position:absolute;bottom:25px;right:31px;font-size:9px;letter-spacing:4px;color:#8a967e}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:0 0 32px}.stat{border:1px solid var(--line);border-radius:7px;background:var(--white);padding:19px 22px;display:flex;justify-content:space-between;gap:10px}.stat-label{font-size:11px;color:#85897e;margin-bottom:10px}.stat-number{font:30px Georgia;letter-spacing:-1px}.stat-number small{font:10px sans-serif;color:#909584;margin-left:8px;letter-spacing:0}.stat-icon{background:#f1f1e9;color:#9f9e77;width:33px;height:33px;border-radius:50%;display:grid;place-items:center;font-size:17px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:28px 0 15px}.section-heading h2{font:19px var(--serif);letter-spacing:2px;margin:0}.section-heading h2 small{font:9px Arial;letter-spacing:1px;color:#a3a69a;margin-left:10px}.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.event-card{position:relative;text-align:left;background:var(--white);border:1px solid var(--line);border-radius:7px;padding:22px;min-width:0;transition:transform .2s,border-color .2s;overflow:hidden}.event-card:hover{transform:translateY(-3px);border-color:#b6bd9e}.event-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.event-symbol{font:24px var(--serif);color:#758262;background:#ecefe3;width:44px;height:44px;border-radius:8px;display:grid;place-items:center}.tag{display:inline-block;border:1px solid #e1e6d7;border-radius:3px;background:#f1f4e8;color:#758267;padding:3px 7px;font-size:9px;white-space:nowrap}.tag.gold{color:#987641;background:#f5efe2;border-color:#e9dfc7}.tag.gray{color:#8d9085;background:#f0f0eb;border-color:#e4e4dc}.event-card h3{font:19px var(--serif);letter-spacing:1px;margin:0 0 9px}.event-card p{font-size:11px;line-height:1.8;color:#939589;margin:0;min-height:38px}.event-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:19px;border-top:1px solid #efefe6;padding-top:14px;color:#8f9687;font-size:10px}.event-bottom b{color:#9c8151;font-size:15px;font-weight:400}.lower-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:24px;margin-top:5px}.panel{border:1px solid var(--line);border-radius:7px;background:var(--white);padding:4px 23px}.general-row{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid #ebede3}.general-row:last-child{border:0}.country-seal{border:1px solid #c6cbae;color:#75845d;border-radius:4px;width:36px;height:42px;display:grid;place-items:center;font:20px var(--serif);background:#f3f3e9;flex-shrink:0}.country-seal.shu{color:#a77665;border-color:#dac3b4;background:#faf1e8}.country-seal.qun{color:#8f7b9a;border-color:#d1c2d7;background:#f6f1f7}.general-summary{flex:1;min-width:0}.general-summary h3{font-size:13px;margin:0 0 7px;font-weight:500}.general-summary p{font-size:10px;color:#969a8e;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.general-row button{border:0;background:none;color:#a38c63;font-size:16px;padding:8px}.note-card{background:#eeeee4;border:1px solid #e0e2d3;border-radius:7px;padding:23px 24px}.note-card h3{font:17px var(--serif);margin:0 0 13px;letter-spacing:2px}.note-card p{font-size:11px;line-height:2;color:#868b7c;margin:0 0 15px}.note-line{font-size:10px;color:#8d927f;display:flex;justify-content:space-between;border-top:1px solid #dfe1d2;padding-top:13px}.source-note{font-size:10px;color:#989c8e;margin-top:20px;line-height:1.8}.toolbar{display:flex;align-items:center;gap:12px;margin:25px 0 17px;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:200px;max-width:460px}.search-box span{position:absolute;left:13px;top:10px;color:#999f8e}.search-box input{padding:11px 14px 11px 36px;width:100%;border:1px solid #dedfd4;background:var(--white);border-radius:5px;font-size:12px;color:#495441}.toolbar select{padding:10px 12px;background:var(--white);border:1px solid #dedfd4;border-radius:5px;font-size:11px}.result-count{font-size:10px;color:#92998b;margin-left:auto}.tabs{display:flex;gap:8px;overflow:auto;padding-bottom:9px;margin-top:25px;border-bottom:1px solid var(--line)}.tab{border:1px solid transparent;background:none;color:#8b9183;border-radius:4px;padding:9px 12px;font-size:11px;white-space:nowrap}.tab.active{background:#e7ebde;color:#5b7150;border-color:#d6ddc9}.tab:hover{background:#e9ecdf}.data-table-wrap{border:1px solid var(--line);border-radius:7px;background:var(--white);overflow:auto}.data-table{border-collapse:collapse;width:100%;text-align:left;min-width:620px}.data-table th{font-weight:400;font-size:10px;letter-spacing:1px;color:#979c8d;padding:15px 18px;background:#f1f2e9;border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:18px;font-size:11px;line-height:1.8;border-bottom:1px solid #edeee6;vertical-align:top}.data-table tr:last-child td{border:0}.data-table tr:hover td{background:#fafaf2}.data-table td:first-child{min-width:160px}.item-name{border:0;background:none;text-align:left;padding:0;font-size:12px;font-weight:500;line-height:1.8}.item-name:hover{color:#967a42}.desc-cell{color:#8a9180;max-width:430px;min-width:190px}.price{color:#9b7b41;white-space:nowrap;font-variant-numeric:tabular-nums}.date-cell{font:10px monospace!important;color:#909783;white-space:nowrap;padding-top:22px!important}.pin{font-size:8px;background:#efe9d9;color:#a38a51;padding:2px 4px;border-radius:2px;margin-right:4px}.favorite{border:0;background:transparent;font-size:20px;color:#adb39e;padding:0 4px}.favorite.selected{color:#b3934c}.pagination{display:flex;justify-content:center;gap:10px;align-items:center;font-size:11px;color:#8a927f;margin-top:22px}.pagination button{border:1px solid var(--line);background:var(--white);padding:7px 12px;border-radius:4px}.pagination button:disabled{opacity:.35;cursor:default}.empty{padding:65px 20px;text-align:center;color:#89917e;font-size:13px;line-height:2.3}.empty b{display:block;font:30px var(--serif);color:#b5bda8}.general-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.general-card{padding:23px;background:var(--white);border:1px solid var(--line);border-radius:7px}.general-card-header{display:flex;align-items:center;gap:14px;margin-bottom:18px}.general-card h2{font:23px var(--serif);margin:0 0 6px}.general-card .hp{font-size:10px;color:#939a87}.general-card .general-kind{font-size:10px;color:#788e69;margin-left:auto;max-width:115px;line-height:1.8}.general-card ul{font-size:11px;color:#8a917f;line-height:2.2;padding-left:16px}.general-card details{border-top:1px solid var(--line);margin-top:15px;padding-top:14px;font-size:11px;line-height:1.9}.general-card summary{cursor:pointer;color:#9b824e}.skill-box{background:#f4f4ed;border-radius:4px;margin-top:14px;padding:14px;color:#7f8876}.skill-box b{color:#59684e}.skill-box p{white-space:pre-wrap}.skin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.skin-card{background:var(--white);border:1px solid var(--line);border-radius:7px;overflow:hidden}.skin-art{height:135px;background:linear-gradient(120deg,#e5e8dc,#f3f0e4);position:relative;display:grid;place-items:center;overflow:hidden}.skin-art:before,.skin-art:after{content:"";position:absolute;width:150px;height:150px;border:1px solid #c2cbb5;transform:rotate(35deg);opacity:.5}.skin-art:after{transform:rotate(65deg);width:110px;height:110px}.skin-art span{font:52px var(--serif);color:#98a48c;z-index:1}.skin-art small{position:absolute;right:12px;bottom:10px;font-size:8px;color:#9a9f8d;letter-spacing:2px}.skin-info{padding:18px}.skin-info h3{font:17px var(--serif);margin:0 0 12px}.skin-info p{font-size:10px;color:#909780;line-height:1.8}.skin-info .skin-meta{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.notice-banner{background:#eceee1;border:1px solid #dfe3ce;padding:12px 17px;border-radius:5px;color:#7d886b;font-size:11px;line-height:1.8;margin:20px 0}.loading{padding:90px;text-align:center;color:#859075;font:20px var(--serif)}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:23px 45px;color:#a0a495;font-size:9px}footer b{font-weight:400;color:#b8a073;padding:0 8px}dialog{border:1px solid #d9ddcc;border-radius:10px;width:min(650px,90vw);max-height:85vh;padding:26px 31px;background:var(--white);color:var(--ink);box-shadow:0 25px 100px #18221e35}dialog::backdrop{background:#17212966;backdrop-filter:blur(3px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}dialog h2{font:27px var(--serif);line-height:1.6;margin:17px 0}dialog p{font-size:12px;color:#818b75;line-height:2;white-space:pre-wrap}.dialog-meta{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:22px}.dialog-body{border-top:1px solid var(--line);margin-top:20px;padding-top:15px}#toast{position:fixed;bottom:28px;left:calc(50% + 100px);transform:translateX(-50%) translateY(12px);background:#293d30;color:#f6f4e8;font-size:12px;padding:12px 24px;border-radius:5px;opacity:0;transition:.2s;pointer-events:none;z-index:50}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(min-width:1500px){.hero{min-height:270px}.star-map{right:30px;width:530px;height:360px}.hero h2{font-size:42px}.event-card{padding:26px}}
@media(max-width:1150px){.sidebar{width:205px;padding:33px 17px 20px}.main-shell{margin-left:205px}.topbar{padding:0 28px}main{padding:28px}.hero{padding:27px}.hero h2{font-size:30px}.hero-copy{max-width:64%}.star-map{right:-100px}.stats{gap:10px}.stat{padding:16px}.stat-icon{display:none}.event-card{padding:17px}.lower-grid{grid-template-columns:1fr 1fr}.skin-grid{grid-template-columns:repeat(2,1fr)}footer{padding:23px 28px}}
@media(max-width:850px){.sidebar{width:185px;padding-left:13px;padding-right:13px}.main-shell{margin-left:185px}.brand{font-size:22px;gap:8px}.brand small{font-size:6px}.nav-item{padding:12px 9px;font-size:12px}.topbar{height:65px;padding:0 22px}main{padding:25px 22px}.header-right{gap:13px}.hero h2{font-size:27px;letter-spacing:3px}.hero-copy{max-width:77%}.star-map{opacity:.35}.hero p{max-width:285px}.event-grid{grid-template-columns:1fr}.event-card{padding:19px}.event-top{float:left;margin:0 16px 15px 0;display:block}.event-top .tag{display:none}.event-card p{min-height:auto}.event-bottom{clear:both;margin-top:16px}.lower-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.page-heading h1{font-size:27px}.date-pill{font-size:9px}.general-grid{grid-template-columns:1fr}.section-heading h2 small{display:none}footer{flex-direction:column;gap:10px}#toast{left:calc(50% + 90px)}}
@media(max-width:600px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:238px;padding:30px 23px;box-shadow:15px 0 50px #17212935}.sidebar.open{transform:translateX(0)}.main-shell{margin-left:0}.topbar #menu-toggle{display:block;font-size:19px;padding:4px}.topbar{justify-content:initial;gap:13px;padding:0 16px;height:62px}.breadcrumb{font-size:10px;flex:1}.breadcrumb span{padding:0 7px}.header-right{gap:8px}.snapshot-indicator{font-size:9px}.quiet-button{padding:6px 9px;font-size:16px}.quiet-button span{display:none}main{padding:24px 18px 35px}.page-heading{align-items:flex-start;gap:10px;margin-bottom:20px}.page-heading h1{font-size:28px;margin-top:9px}.page-heading p{font-size:10px}.date-pill{padding:7px;font-size:8px;margin-top:2px}.eyebrow{font-size:8px;letter-spacing:1.7px}.hero{padding:25px 22px;min-height:266px}.hero-copy{max-width:100%}.hero h2{font-size:30px;letter-spacing:4px}.hero p{font-size:11px}.hero-tag{font-size:9px}.star-map{right:-165px;top:0;opacity:.3}.star-caption{display:none}.stats{gap:9px;margin-bottom:27px}.stat{padding:15px 17px}.stat-number{font-size:27px}.stat-label{font-size:10px}.section-heading h2{font-size:18px}.section-heading{margin-top:25px}.lower-grid{gap:0}.general-summary p{max-width:205px}.skin-grid{grid-template-columns:1fr 1fr;gap:10px}.skin-info{padding:13px}.skin-info h3{font-size:14px}.skin-art{height:110px}.skin-info .skin-meta{gap:3px;flex-wrap:wrap}.skin-info .tag{font-size:8px}.toolbar{gap:9px}.search-box{min-width:180px}.result-count{width:100%;margin-left:0}.tab{padding:8px 10px;font-size:10px}.data-table td{padding:14px}.data-table th{padding:13px 14px}footer{padding:20px 18px;font-size:8px}#toast{left:50%;max-width:90vw;white-space:nowrap}.general-card{padding:19px}.general-card .general-kind{font-size:9px;max-width:95px}dialog{padding:20px}.notice-banner{font-size:10px}.source-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Familiar numeral shapes and authentic game imagery. */
.stat-number{font-family:Arial,"Microsoft YaHei UI",sans-serif;font-size:31px;font-weight:600;font-style:normal;letter-spacing:0;font-variant-numeric:lining-nums tabular-nums;line-height:1.2}.stat-number small{font-family:"Microsoft YaHei UI",sans-serif;font-size:11px;font-weight:400}.price{font-family:Arial,"Microsoft YaHei UI",sans-serif;font-style:normal;font-variant-numeric:lining-nums tabular-nums}
.game-thumb{display:inline-flex;width:62px;height:62px;flex:0 0 62px;align-items:center;justify-content:center;overflow:hidden;border:1px solid #e2e5d9;background:#f6f7ef;border-radius:8px;vertical-align:middle}.game-thumb img{display:block;width:100%;height:100%;object-fit:contain}.thumb-fallback,.image-missing{color:#a4ad95;font:22px var(--serif)}.portrait-thumb{width:50px;height:58px;flex-basis:50px;border-radius:6px;border-color:#d7ddcd;background:#e7eadf}.portrait-thumb img{object-fit:cover}.general-row .portrait-thumb{width:42px;height:48px;flex-basis:42px}.general-card-header .portrait-thumb{width:60px;height:66px;flex-basis:60px}.item-info{display:flex;align-items:center;gap:14px;min-width:230px}.item-info-copy{min-width:0}.item-info-copy .item-name{font-size:13px}.data-table td:first-child{min-width:265px}.data-table{min-width:820px}.data-table td{vertical-align:middle}.data-table .date-cell{padding-top:18px!important}.currency-icons{display:inline-flex;align-items:center;gap:3px;flex-shrink:0}.currency-icon{width:25px;height:25px;object-fit:contain;vertical-align:middle}.price-line{display:flex;align-items:center;gap:7px;line-height:1.8}.price-line>span:last-child{white-space:normal;min-width:85px}.price-line .currency-icons{max-width:55px}.data-table .price{min-width:160px}
.skin-art{height:255px;width:100%;border:0;border-bottom:1px solid var(--line);padding:0;cursor:zoom-in;background:radial-gradient(ellipse at 50% 35%,#e2e8d5,#f2f0e6 80%)}.skin-art:before,.skin-art:after{display:none}.skin-art img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .25s;filter:drop-shadow(0 8px 8px #1c2b1d16)}.skin-art:hover img{transform:scale(1.04)}.skin-art small{font-size:9px;letter-spacing:1px;color:#f7f7ed;background:#283928a6;border:1px solid #ffffff25;border-radius:3px;padding:4px 7px;right:10px;bottom:10px}.skin-info h3{line-height:1.7}.detail-title{display:flex;align-items:center;gap:15px;margin:20px 0}.detail-title h2{margin:0;font-size:25px}.detail-thumb{width:64px;height:64px;flex-basis:64px}.detail-art{background:#eef0e5;border:1px solid var(--line);border-radius:7px;display:flex;justify-content:center;margin:18px 0;padding:12px}.detail-art img{max-width:100%;width:auto;height:auto;max-height:56vh;object-fit:contain}
@media(max-width:850px){.game-thumb{width:54px;height:54px;flex-basis:54px}.skin-art{height:240px}.data-table{min-width:790px}.stat-number{font-size:29px}}
@media(max-width:600px){.stat-number{font-size:28px}.stat-number small{font-size:10px}.skin-art{height:205px}.game-thumb{width:50px;height:50px;flex-basis:50px}.item-info{gap:10px;min-width:205px}.data-table td:first-child{min-width:235px}.general-card-header .portrait-thumb{width:50px;height:60px;flex-basis:50px}.detail-title h2{font-size:21px}.detail-thumb{width:56px;height:56px;flex-basis:56px}}
/* Show the actual landscape illustration at a readable size, without cropping. */
.skin-grid{grid-template-columns:minmax(0,1fr);gap:28px;max-width:1200px;margin-inline:auto}.skin-card{min-width:0}.skin-art{display:block;height:auto;aspect-ratio:16/9;width:100%;background:#e8ebdf}.skin-art img{width:100%;height:100%;object-fit:contain;filter:none}.skin-art:hover img{transform:none}.skin-art small{font-size:11px;right:16px;bottom:16px;padding:7px 11px}.skin-info{padding:22px 25px}.skin-info h3{font-size:22px;margin-bottom:9px}.skin-info p{font-size:12px}.skin-info .skin-meta{margin-top:13px}.artwork-dialog{width:min(1440px,96vw);max-height:96vh;padding:20px 26px}.artwork-dialog .detail-title{margin:12px 0}.artwork-dialog .detail-art{padding:0;background:#e9ecdf;overflow:hidden}.artwork-dialog .detail-art img{display:block;width:100%;height:auto;max-height:72vh;object-fit:contain}.original-art-link{display:inline-block;margin:0 0 8px;color:#8d7341;font-size:12px}.original-art-link:hover{text-decoration:underline}
@media(max-width:600px){.skin-grid{grid-template-columns:minmax(0,1fr);gap:22px}.skin-art{height:auto;aspect-ratio:16/9}.skin-art small{right:9px;bottom:9px;font-size:9px;padding:5px 8px}.skin-info{padding:17px}.skin-info h3{font-size:19px}.skin-info p{font-size:11px}.artwork-dialog{padding:14px;width:96vw}.artwork-dialog .detail-title h2{font-size:19px}.artwork-dialog .detail-art img{max-height:75vh}}
.gallery-tags{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap}.tag.dynamic-tag{color:#8662a3;background:#f3ecf9;border-color:#e1d3ec}.tag.artwork-tag{color:#557779;background:#eaf1ef;border-color:#d2e0da}.dialog-meta .gallery-tags{align-self:center}
.page-picker{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.page-picker select{border:1px solid var(--line);border-radius:4px;background:var(--white);padding:7px 9px;color:var(--ink);font-size:11px;cursor:pointer}.pagination{flex-wrap:wrap}.page-picker select:hover{border-color:#aeb99f}
.task-table{min-width:940px;table-layout:fixed}.task-table th:nth-child(1){width:31%}.task-table th:nth-child(2){width:21%}.task-table th:nth-child(3){width:37%}.task-table th:nth-child(4){width:11%}.task-table .desc-cell{min-width:0}.task-table td:first-child{min-width:0}.reward-cell{min-width:300px}.reward-groups,.reward-group{display:grid;gap:9px}.reward-card{display:flex;gap:10px;align-items:center;background:#fffefb;border:1px solid #e0e5d8;border-radius:7px;padding:10px;box-shadow:0 2px 4px #27351b05;min-width:0}.reward-thumb{width:48px;height:48px;flex-basis:48px;background:#fafbf5;border-color:#e4e8dc}.reward-card-copy{flex:1;min-width:0}.reward-name{display:block;font-size:12px;font-weight:500;line-height:1.7;color:#40503c;overflow-wrap:anywhere}.reward-quantity{display:block;color:#b27a47;font:600 14px/1.8 Arial,"Microsoft YaHei UI",sans-serif}.reward-range{margin:6px 0 0;padding:7px 9px;background:#fbf5e5;border:1px dashed #e7d29a;border-radius:4px;color:#9e7134;font-size:10px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.reward-explanation{margin-top:5px;font-size:10px;color:#91977f}.reward-explanation summary{cursor:pointer;list-style-position:inside;color:#9b8658}.reward-explanation p{white-space:pre-wrap;line-height:1.9;margin:6px 0 0;max-height:210px;overflow:auto}.reward-choice-label{font-size:10px;color:#8c734b;border-left:2px solid #c4ab74;padding:1px 0 1px 7px}.choice-rewards{background:#f4f2e8;border:1px solid #e4dfcb;border-radius:6px;padding:9px}.dialog-body .reward-groups{margin:0 0 18px}.dialog-body .reward-card{max-width:100%}.dialog-body .reward-range{font-size:11px}.reward-plain{color:#87917d}
@media(max-width:600px){.task-table{min-width:880px}.reward-card{gap:8px;padding:9px}.reward-thumb{width:43px;height:43px;flex-basis:43px}.reward-name{font-size:11px}}
/* Dates remain readable next to reward cards, with explicit one-day availability. */
.data-table .date-cell{font-family:Arial,"Microsoft YaHei UI",sans-serif!important;font-size:13px!important;font-weight:500;color:#4c5b47;line-height:1.8;font-variant-numeric:tabular-nums}.data-table th.date-heading{font-size:12px;font-weight:500;color:#59684f}.task-table th:nth-child(1){width:29%}.task-table th:nth-child(2){width:19%}.task-table th:nth-child(3){width:37%}.task-table th:nth-child(4){width:15%}.single-day-badge{display:table;width:fit-content;margin-top:8px;padding:3px 8px;border:1px solid #dfbf83;border-radius:4px;background:#fbefda;color:#945b23;font-size:12px;font-weight:600;line-height:1.7;white-space:nowrap}.dialog-meta .single-day-badge{display:inline-flex;margin-top:0;align-items:center}.detail-date{font-size:12px;color:#4c5b47;border-color:#ccd5bf}
.general-actions{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0 5px}.outline-button{border:1px solid #cfd9c4;border-radius:5px;background:#f2f5eb;padding:9px 13px;font-size:11px;color:#536a45;cursor:pointer}.outline-button:hover{background:#e7eedc;border-color:#9eb18d}.general-profile-dialog{width:min(900px,94vw);max-height:91vh;padding:25px 30px}.general-profile-dialog .detail-title h2{font-size:25px;line-height:1.6}.profile-source,.profile-backend-name{font-size:12px;line-height:1.9;color:#748267;margin:10px 0}.profile-backend-name{padding:8px 12px;background:#f0f2e8;border-radius:4px}.current-skills{margin:20px 0}.current-skill{border:1px solid #e0e5d6;background:#fafbf5;border-radius:7px;padding:18px 21px;margin:13px 0}.current-skill-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.current-skill-heading h3{font:21px var(--serif);margin:0;color:#3d5037}.current-skill-heading small{font-size:10px;color:#8c9683;margin-left:auto}.current-skill p{font-size:14px;color:#4b5b44;white-space:pre-wrap;line-height:2;margin:13px 0 0}.skill-origin{font-size:11px;color:#9b824a;margin-top:9px}.skill-variant{border-top:1px solid #e0e5d5;margin-top:16px;padding-top:12px;font-size:12px;color:#8d7846}.skill-variant summary{cursor:pointer}.current-skill .skill-simple-note{font-size:12px;color:#899579}.art-unavailable{padding:45px 25px;text-align:center;background:#f1f3e9;border:1px dashed #cdd7c1;border-radius:6px;margin:20px 0}.art-unavailable>span{font-size:35px;color:#a1af92}.art-unavailable p{font-size:14px;color:#718164;line-height:2}.general-profile-dialog .outline-button,.artwork-dialog .outline-button{margin-top:4px}
@media(max-width:600px){.general-profile-dialog{padding:18px;width:94vw}.general-profile-dialog .detail-title h2{font-size:21px}.current-skill{padding:16px}.current-skill p{font-size:13px}.current-skill-heading small{margin-left:0}.general-actions{gap:7px}.outline-button{padding:8px 10px;font-size:10px}}
.score-summary{display:grid;grid-template-columns:repeat(3,1fr) 1.3fr;border:1px solid var(--line);border-radius:8px;background:#fffefb;margin:0 0 22px;overflow:hidden}.score-summary>div{padding:22px 26px;display:flex;flex-direction:column;gap:8px;border-right:1px solid var(--line)}.score-summary>div:last-child{border-right:0}.score-summary strong{font:600 30px/1.2 Arial,"Microsoft YaHei UI",sans-serif;color:#293d38;font-variant-numeric:tabular-nums}.score-summary span{font-size:12px;color:#64715d}.score-summary .score-snapshot{justify-content:center;background:#eef1e6}.score-snapshot b{font:600 18px/1.5 Arial,"Microsoft YaHei UI",sans-serif;color:#475b3d}.score-notice{font-size:12px;line-height:1.9;color:#637054}.score-toolbar{gap:12px;flex-wrap:wrap}.score-toolbar .search-box{flex:1;max-width:470px;min-width:220px}.score-sort-label{display:flex;align-items:center;gap:8px;color:#64715d;font-size:12px}.score-sort-label select{background:#fffefb;border:1px solid var(--line);border-radius:5px;padding:11px;color:#3e5137;font:12px Arial,"Microsoft YaHei UI",sans-serif;max-width:230px}.score-table{min-width:980px;table-layout:auto}.score-table thead th{font-size:12px;color:#526047;white-space:nowrap;text-align:right}.score-table thead th:nth-child(-n+2){text-align:left}.score-table tbody td{font:14px/1.8 Arial,"Microsoft YaHei UI",sans-serif;text-align:right;color:#53644b;min-width:0;font-variant-numeric:tabular-nums;white-space:nowrap;padding:18px 20px}.score-table tbody th{font-size:15px;font-weight:500;color:#2d423a;text-align:left;white-space:nowrap;padding:18px 20px}.score-table tbody td.score-id{font-size:12px;color:#7b8572;text-align:left;min-width:60px}.score-table tbody .score-primary{font-size:17px;font-weight:600;color:#3c5c47;background:#eef3e54d}.score-table .score-missing{color:#a2aa99}.score-table tbody .score-up{color:#a6642c;font-weight:600}.score-table tbody .score-down{color:#387b68;font-weight:600}.score-changes{min-width:720px}.score-table tbody tr:hover{background:#f0f3e8}.score-changes td:nth-child(3){text-align:left}.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}
@media(max-width:700px){.score-summary{grid-template-columns:repeat(2,1fr)}.score-summary>div{padding:18px}.score-summary>div:nth-child(2){border-right:0}.score-summary>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.score-summary strong{font-size:26px}.score-snapshot b{font-size:16px}.score-toolbar .search-box{min-width:100%;max-width:none}.score-sort-label{flex:1}.score-sort-label select{flex:1;max-width:none}.score-toolbar .result-count{margin-left:auto}.score-table tbody td,.score-table tbody th{padding:15px}.score-notice{font-size:12px}}
.score-table{min-width:860px}.score-table thead th{padding:14px}.score-table tbody td,.score-table tbody th{padding:16px 14px}
.score-table thead th{padding:11px 10px}.column-filter-button{display:flex;align-items:center;justify-content:flex-end;gap:5px;width:100%;border:0;background:none;padding:3px 0;color:#526047;font:inherit;cursor:pointer;white-space:nowrap}.score-table thead th:nth-child(-n+2) .column-filter-button{justify-content:flex-start}.column-filter-button svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.3;opacity:.65;flex:none}.column-filter-button:hover{color:#2f704e}.column-filter-button.is-filtered{color:#8e6629;font-weight:700}.column-filter-button.is-filtered svg{fill:#c6a86d44;opacity:1}.score-general{display:flex;align-items:center;gap:10px}.score-general .score-portrait{width:36px;height:42px;flex:0 0 36px;border-radius:4px;background:#e9ecdf;overflow:hidden}.score-general .score-portrait img{width:100%;height:100%;object-fit:cover}.score-table tbody th{font-size:14px}.score-filter-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px;font-size:11px;color:#728165}.score-filter-status button{border:1px solid #d4dcc7;border-radius:4px;background:#eef3e6;color:#516c3f;padding:6px 9px;cursor:pointer;font:inherit}.score-filter-status [data-score-clear-all]{border:0;background:none;text-decoration:underline;color:#8a733f}.column-filter-dialog{position:fixed;inset:auto;margin:0;width:320px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow:auto;padding:15px;border:1px solid #d4ddc8;border-radius:8px;box-shadow:0 8px 35px #14241c29;background:#fffef9;color:#40513b}.column-filter-dialog::backdrop{background:#17251d10}.column-filter-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.column-filter-title h2{font:600 14px/1.5 "Microsoft YaHei UI",sans-serif;margin:0}.column-filter-dialog button{cursor:pointer;border:1px solid #dce2d2;background:#f3f6ed;border-radius:4px;color:#536a44;padding:6px 9px;font:12px/1.5 "Microsoft YaHei UI",sans-serif}.column-filter-title button{border:0;background:none;font-size:20px;padding:0 4px;line-height:1}.column-sort-actions{display:flex;gap:6px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid #e4e8dc}.column-sort-actions [data-filter-remove]{margin-left:auto;font-size:11px}.column-value-search input{box-sizing:border-box;width:100%;font:13px "Microsoft YaHei UI",sans-serif;margin:12px 0 10px;border:1px solid #d8dfce;border-radius:4px;background:white;padding:9px;color:#40513b}.column-select-actions{display:flex;align-items:center;gap:8px;margin-bottom:8px}.column-select-actions button{border:0;background:none;padding:2px;font-size:11px;text-decoration:underline}.column-select-actions small{margin-left:auto;font-size:10px;color:#8b957d}.column-filter-values{max-height:min(250px,35vh);overflow:auto;border:1px solid #e0e5d8;border-radius:4px;padding:4px;background:#fafbf5}.column-filter-values label{display:flex;align-items:center;gap:8px;padding:6px 8px;font-size:12px;cursor:pointer}.column-filter-values label[hidden]{display:none}.column-filter-values label:hover{background:#eaf0de}.column-filter-values input{accent-color:#6e874d;width:14px;height:14px;margin:0}.column-filter-values small{margin-left:auto;color:#929c84;font:11px Arial,sans-serif}.column-filter-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:13px}.column-filter-footer .filter-apply{background:#526b40;color:#fff;border-color:#526b40}.column-filter-dialog button:focus-visible,.column-filter-button:focus-visible{outline:2px solid #b79558;outline-offset:3px}
.column-filter-dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}
.voice-entry{white-space:nowrap}.skin-card-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.voice-dialog{width:min(900px,94vw);max-height:92vh;padding:24px 30px}.voice-title{font-size:25px;line-height:1.7;margin:15px 0}.voice-player-panel{position:sticky;top:-24px;z-index:1;background:#edf2e5;border:1px solid #d4dec5;border-radius:7px;padding:15px 18px;margin:20px 0}.voice-player-panel #voice-now-playing{font-size:13px;color:#476039;margin-bottom:9px}.voice-player-panel audio{display:block;width:100%;height:42px}.voice-player-panel p{font-size:11px;color:#7a886c;margin:8px 0 0;line-height:1.8}.voice-group{margin:20px 0}.voice-group-heading{display:flex;align-items:center;gap:10px;margin-bottom:10px}.voice-group h3{font:20px var(--serif);color:#405637;margin:0}.voice-line{display:flex;align-items:center;gap:18px;padding:15px 17px;background:#fafbf5;border:1px solid #e0e6d5;border-radius:6px;margin-top:9px;transition:background .15s}.voice-line.is-playing{background:#edf4e3;border-color:#a7bd8f}.voice-line-copy{flex:1;min-width:0}.voice-line-copy small{font:11px/1.5 "Microsoft YaHei UI",sans-serif;color:#939b85}.voice-line-copy p{font-size:14px;color:#43543b;line-height:1.9;white-space:pre-wrap;margin:5px 0 0}.voice-play-button{border:1px solid #cddabb;border-radius:5px;background:#eef4e5;color:#4e6b38;padding:9px 13px;cursor:pointer;white-space:nowrap;font:12px/1.5 "Microsoft YaHei UI",sans-serif;min-width:80px}.voice-play-button:hover{background:#e1edcf}.voice-play-button[aria-pressed="true"]{color:#fff;background:#5a7446;border-color:#5a7446}.voice-play-button:disabled{color:#949d87;background:#eff0eb;cursor:default}.voice-unavailable{margin:24px 0;padding:35px 24px;border:1px dashed #d1dcc3;border-radius:7px;text-align:center;background:#f1f4eb;color:#7c8b6c;line-height:2;font-size:13px}.voice-unavailable>span{font-size:32px;color:#a6b697}
@media(max-width:600px){.voice-dialog{padding:18px}.voice-title{font-size:21px}.voice-player-panel{top:-18px;padding:13px}.voice-line{padding:13px;gap:10px}.voice-line-copy p{font-size:13px}.voice-play-button{padding:8px;min-width:69px;font-size:11px}.skin-card-actions{gap:10px}.voice-entry{font-size:11px}}