:root{--bg-1: #f4e9cf;--bg-2: #eadfc0;--paper: #f8f0d8;--paper-2: #efe2be;--ink: #2a1a10;--ink-2: #5a3a20;--gold: #b78c48;--gold-2: #e0b268;--red: #b03a2a;--line: #8a6b3d}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:radial-gradient(1200px 400px at 30% 0%,#f9f0d4,transparent 70%),radial-gradient(900px 500px at 90% 100%,#e9d5a4,transparent 70%),linear-gradient(180deg,#f2e6c2,#ecdbaa);color:var(--ink);font-family:Songti SC,SimSun,"Noto Serif CJK SC",serif}.loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:18px;color:var(--ink-2)}.app{height:100vh;padding:8px 14px;display:flex;flex-direction:column;gap:6px;overflow:hidden}.header{padding:4px 10px 6px;border-bottom:2px double #8a6b3d;flex:0 0 auto}.title{font-size:22px;letter-spacing:4px;color:var(--ink);font-weight:600}.subtitle{color:var(--ink-2);font-size:12px;margin-top:1px}.stats{color:#8a6b3d}.board{position:relative;flex:1 1 auto;min-height:0;width:100%;overflow:hidden;background:linear-gradient(180deg,#fff6dc59,#e8d5a426);border:1px solid rgba(138,107,61,.25);border-radius:4px}.board-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:20px;letter-spacing:6px;color:#6a4a2a;font-family:Songti SC,SimSun,serif;background:#f8f0d88c;pointer-events:none;z-index:20}.strip{width:100%;overflow-x:auto;overflow-y:hidden;position:relative}.strip-jp{border-bottom:1px solid rgba(138,107,61,.2);cursor:grab;scrollbar-width:none;user-select:none;-webkit-user-select:none}.strip-jp *{user-select:none;-webkit-user-select:none}.strip-jp::-webkit-scrollbar{display:none;height:0;width:0}.strip-jp:active{cursor:grabbing}.strip-self{overflow:hidden}.strip-sbck{border-bottom:1px solid rgba(138,107,61,.2);cursor:grab;scrollbar-width:none;user-select:none;-webkit-user-select:none}.strip-sbck *{user-select:none;-webkit-user-select:none}.strip-sbck::-webkit-scrollbar{display:none;height:0;width:0}.strip-sbck:active{cursor:grabbing}.cards-wrap{flex:0 0 auto;padding-top:2px}.cards{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:10px 120px 12px 4px;gap:0;scroll-padding-right:120px}.cards::-webkit-scrollbar{height:10px}.cards::-webkit-scrollbar-thumb{background:#8a6b3d80;border-radius:4px}.card{position:relative;flex:0 0 112px;width:112px;height:150px;margin-right:-84px;cursor:pointer;border-radius:3px;overflow:hidden;border:2px solid #6a4a2a;outline:1px solid rgba(255,231,178,.6);outline-offset:-4px;background:linear-gradient(180deg,#f3d98f,#d3a75a);box-shadow:inset 0 0 0 1px #f5e6b8,0 2px 4px #3a251847;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.card:last-child{margin-right:0}.card:hover{z-index:5;transform:translateY(-4px);box-shadow:inset 0 0 0 1px #f9efd2,0 8px 14px #3a251866}.card-selected{z-index:6;border-color:var(--red);box-shadow:inset 0 0 0 1px #ffe9c1,0 0 0 2px #b03a2a80,0 8px 14px #3a251866;transform:translateY(-4px)}.card-img{position:absolute;left:4px;right:4px;top:4px;bottom:4px;overflow:hidden;border-radius:2px;background:#fceeca;opacity:0;transition:opacity .14s ease}.card:hover .card-img,.card-selected .card-img{opacity:1}.card-img img{width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.02) saturate(1.05)}.card-noimg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#6a4a2a;font-size:34px;background:#f5e6b8}.card-label{position:absolute;left:4px;top:4px;width:24px;background:linear-gradient(180deg,#f9efd2eb,#efdba6e6);border:1px solid #6a4a2a;border-radius:2px;padding:6px 2px;display:flex;flex-direction:column;align-items:center;writing-mode:vertical-rl;color:#2a1a10;font-family:Songti SC,SimSun,serif;z-index:2;box-shadow:0 1px 2px #3a251840}.card-name{font-size:13px;font-weight:600;letter-spacing:2px}.tooltip{position:fixed;z-index:30;width:420px;max-height:60vh;background:linear-gradient(180deg,#fdf5df,#f4e5b8);color:#2a1a10;border:1px solid #6a4a2a;border-radius:4px;box-shadow:0 8px 22px #3a251859;padding:8px 10px 10px;font-family:Songti SC,SimSun,serif;display:flex;flex-direction:column}.tooltip-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:4px;border-bottom:1px dashed rgba(138,107,61,.6)}.tt-target-title{font-size:16px;font-weight:600;color:#3a2518}.tt-target-sub{font-size:12px;color:#6a4a2a;margin-top:1px}.tt-hint{font-size:10px;color:#8a6b3d;padding:2px 6px;border:1px dashed rgba(138,107,61,.6);border-radius:10px}.tt-close{background:transparent;border:1px solid #6a4a2a;color:#3a2518;width:24px;height:24px;border-radius:12px;cursor:pointer;font-size:14px;line-height:1}.tooltip-count{font-size:11px;color:#6a4a2a;margin:4px 0 2px;display:flex;align-items:center;justify-content:space-between;gap:8px}.tt-nav{background:linear-gradient(180deg,#f9efd2,#efdba6);border:1px solid #6a4a2a;color:#2a1a10;padding:3px 10px;border-radius:3px;cursor:pointer;font-family:inherit;font-size:11px;letter-spacing:1px;transition:background .14s ease,transform .14s ease}.tt-nav:hover{background:linear-gradient(180deg,#fdf6e0,#f5e6b8);transform:translate(2px)}.tooltip-body{overflow-y:auto;padding-right:4px;flex:1}.tooltip-body::-webkit-scrollbar{width:6px}.tooltip-body::-webkit-scrollbar-thumb{background:#8a6b3d66;border-radius:3px}.cit{margin:6px 0 8px;padding:5px 6px;background:#fff6dca6;border-left:3px solid #b78c48;border-radius:2px}.cit-src{font-size:13px;color:#2a1a10;line-height:1.5;margin-bottom:4px;display:inline-block;text-decoration:none;cursor:pointer}.cit-src:hover{text-decoration:underline;text-decoration-color:#8a6b3d80;text-underline-offset:3px}.cit-mat{font-size:12px;color:#6a4a2a;display:flex;gap:4px;flex-wrap:wrap;align-items:baseline}.cit-mat-label{color:#a05a2a;font-weight:600;font-size:11px}.cit-mat-text{color:#3a2518;background:#e0b26847;padding:0 3px;border-radius:2px;text-decoration:none;cursor:pointer}.cit-mat-text:hover{background:#e0b26880;text-decoration:underline;text-decoration-color:#8a6b3d99;text-underline-offset:2px}.search-ico{display:inline-block;vertical-align:baseline;margin-left:3px;color:#8a6b3d;opacity:.35;transition:opacity .14s ease}.cit-src:hover .search-ico,.cit-mat-text:hover .search-ico{opacity:.9;color:#a05a2a}.cit-mat-len{color:#8a6b3d;font-size:10px}.cit-more{font-size:11px;color:#8a6b3d;text-align:center;padding:6px}
