:root{--ink:#15171b;--muted:#969ca6;--paper:#f6f7f9;--line:#e9ebef;--lime:#ffe527}body{background:#e9ebef;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif;color:var(--ink)}.workspace{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:28px}.intro,.preview-note{display:none}.phone{width:414px;height:900px;max-height:calc(100vh - 56px);border-radius:32px;box-shadow:0 16px 60px #1112;border:6px solid #fff}.page{padding:14px 16px 24px}.mini-header{font-weight:600;font-size:12px}.statusbar{color:#121212}.capsule{border-color:#dfe2e7}.brand{font-size:23px;font-weight:800;letter-spacing:-1px;gap:8px}.brand .ball{background:linear-gradient(#ffe527 0 46%,transparent 46%);color:#16181b;width:26px;height:26px}.pro-tag{font-size:9px;background:#ffe527;border-radius:4px;padding:4px 7px;letter-spacing:0;margin-left:3px}.search-icon{height:29px;width:29px;background:#fff;border-radius:50%;display:grid;place-items:center}.search-icon svg{width:17px;height:17px}.home-search{display:flex;align-items:center;gap:7px;background:#fff;border-radius:9px;padding:10px 11px;margin-top:14px;color:#a0a5ae;font-size:11px}.home-search svg{width:15px;height:15px}.search-key{margin-left:auto;color:#202329;font-size:10px}.feature-banner{display:block;height:135px;background:#ffe527;position:relative;border-radius:11px;overflow:hidden;margin-top:13px}.banner-copy{position:relative;z-index:2;padding:23px 18px}.banner-label{font-size:8px;letter-spacing:1.7px;font-weight:700;opacity:.5}.banner-copy strong{font-size:23px;letter-spacing:-1px;display:block;margin-top:8px;font-weight:850}.banner-button{font-size:10px;display:inline-block;margin-top:11px;font-weight:600}.feature-banner img{position:absolute;height:139px;width:102px;object-fit:contain;filter:drop-shadow(1px 5px 6px #0003)}.banner-pika{right:66px;top:30px;transform:rotate(-17deg)}.banner-zard{right:8px;top:15px;transform:rotate(11deg)}.banner-ball{position:absolute;right:57px;top:0;width:160px;height:160px;color:#fff5;background:none;border-width:9px;transform:rotate(-15deg)}.banner-ball:before{height:9px}.banner-ball:after{border-width:9px;background:#ffe527}.quick-actions{display:flex;justify-content:space-around;padding:18px 0 16px}.quick-actions>a,.quick-actions>button{background:none;display:flex;align-items:center;flex-direction:column;gap:7px;font-size:10px;font-weight:500;padding:0;width:30%;color:#454950}.quick-actions svg{width:23px;height:23px;stroke-width:1.7}.summary{background:#fff;border-radius:12px;padding:16px}.summary-label{font-size:12px;font-weight:650}.demo-badge{background:#f0f1f4;padding:2px 5px;border-radius:4px;color:#a0a4ab;font-size:8px;font-weight:400}.summary-value{font-size:31px;font-weight:750;letter-spacing:-.8px;margin:13px 0 15px;font-variant-numeric:tabular-nums}.summary-value small{font-size:15px;margin-right:4px;font-weight:650}.summary-metrics{display:flex;gap:15px}.summary-metrics>div{flex:1;border-right:1px solid #e9ebef}.summary-metrics>div:last-child{border:0}.summary-metrics span{display:block;font-size:9px;color:#a0a6af;margin-bottom:6px}.summary-metrics b{font-size:14px;font-weight:650;letter-spacing:-.3px}.summary-metrics b small{font-size:9px;font-weight:400;color:#8c939d}.section{margin-top:22px}.section-title{font-size:15px;font-weight:750}.muted{color:#a1a7b0;font-size:9px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 9px;margin-top:12px}.card{background:transparent;border-radius:0;padding:0;box-shadow:none!important;transform:none!important}.card-art{height:147px;background:transparent;border-radius:5px;position:relative;overflow:visible}.card-art img,.card:nth-child(even) .card-art img,.card:hover .card-art img{width:100%;height:100%;transform:none;object-fit:contain;filter:none}.card-flag{position:absolute;right:0;top:0;font-size:8px;padding:3px 5px;border-radius:0 4px 0 4px;background:#fffef1e8;min-width:19px;text-align:center;color:#3c4045}.card-name{font-size:11px;margin-top:7px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price{font-size:14px;font-weight:750;letter-spacing:-.4px;margin-top:4px;color:#111}.card-meta{font-size:8px;color:#a2a7b0;line-height:1.6;margin-top:3px}.page-heading{margin-bottom:16px}.title{font-size:22px;font-weight:750;margin:0;letter-spacing:-.5px}.add-card{width:28px;height:28px;border-radius:50%;background:#ffe527;display:grid;place-items:center;font-size:22px;line-height:1}.album-summary{margin:6px 0 12px}.scope-tabs{display:flex;align-items:center;gap:22px;border-bottom:1px solid #e6e9ef}.scope-tabs button{background:none;padding:13px 0 10px;font-size:12px;position:relative;color:#9298a3}.scope-tabs button.active{color:#16191e;font-weight:700}.scope-tabs button.active:after{content:'';height:3px;position:absolute;left:0;right:0;bottom:-1px;background:#16191e;border-radius:2px}.scope-tabs button.filter-toggle{margin-left:auto;font-size:10px;color:#777f8b}.search{background:#fff;border:0;border-radius:8px;padding:10px;margin:13px 0}.search input{font-size:11px}.search svg{color:#a4aab3}.chip{background:#e9ebef;color:#9097a2;font-size:9px;padding:7px 10px;border-radius:5px}.chip.active{background:#ffe527;color:#15171b}.result-count{margin-top:13px}.empty{padding:70px 0;color:#a3a9b2}.empty .ball{background:none;color:#d9dde4}.primary{background:#ffe527;color:#161719;border-radius:8px;font-weight:650}.secondary{background:#e9ecf1;color:#525965;border-radius:8px}.actions{gap:10px}.scan-mode{font-size:10px;background:#fff;padding:7px 11px;border-radius:18px}.scan-stage{height:390px;background:#1b1d22;position:relative;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-top:4px;background-image:radial-gradient(#ffffff09 1px,transparent 1px);background-size:15px 15px}.scan-stage:before{content:'';position:absolute;height:1px;left:31px;right:31px;top:50%;background:linear-gradient(90deg,transparent,#ffe52777,transparent)}.scan-stage.has-image:before{display:none}.scan-ball{width:115px;height:115px;color:#ffffff12;background:none;border-width:8px;transform:rotate(-20deg)}.scan-ball:before{height:8px}.scan-ball:after{background:#1b1d22;border-width:8px}.scan-guidance{position:absolute;bottom:28px;font-size:10px;color:#a5a6aa}.corner{position:absolute;height:26px;width:26px;border-color:#ffe527;border-style:solid}.tl{left:30px;top:35px;border-width:3px 0 0 3px;border-radius:5px 0 0 0}.tr{right:30px;top:35px;border-width:3px 3px 0 0;border-radius:0 5px 0 0}.bl{left:30px;bottom:35px;border-width:0 0 3px 3px;border-radius:0 0 0 5px}.br{right:30px;bottom:35px;border-width:0 3px 3px 0;border-radius:0 0 5px 0}.scan-photo{max-width:80%;height:320px;object-fit:contain}.capture-actions{display:flex;align-items:center;justify-content:space-evenly;padding:25px 15px}.gallery-action{display:flex;align-items:center;flex-direction:column;gap:9px;background:none;font-size:10px;color:#737b87}.gallery-action svg{width:24px;height:24px;stroke-width:1.6}.shutter{width:65px;height:65px;border:3px solid #1a1c20;background:none;border-radius:50%;display:grid;place-items:center;padding:4px}.shutter i{display:block;background:#ffe527;width:49px;height:49px;border-radius:50%}.scan-disclaimer{font-size:9px;color:#a7acb5;text-align:center;margin:4px 0 10px}.scan-status{text-align:center;font-size:11px;color:#7b838e;margin:17px 0}.detail-art{height:335px;background:#eceef2;border-radius:12px;margin:4px 0 18px}.detail-art .ball{color:#fff;background:none}.detail-art img{transform:none;height:300px;filter:drop-shadow(0 9px 10px #0002)}.detail-name{font-size:24px;color:#15181d}.info{border-radius:10px;padding:13px 16px}.info .row{font-size:12px}.subtitle{font-size:10px;color:#969daa;margin-top:7px}.badge{background:#e9ecf1;color:#7b828d;font-size:9px}.form-label{font-size:11px;margin:20px 0 9px;color:#7b838f}.field{border-radius:8px;font-size:13px;padding:14px}.list-item{border-radius:9px}.wide{margin-top:22px}.home-indicator:after{background:#17191d}#tabbar{height:62px;border-top:1px solid #eaecf0;background:#fff}#tabbar a{color:#a5aab4;font-size:10px;gap:5px}#tabbar a.active{color:#14171b;font-weight:600}#tabbar a.active:before{display:none}#tabbar a.active svg{background:#ffe527;border-radius:7px;padding:4px;width:28px;height:28px;margin-top:-4px;margin-bottom:-4px}#tabbar svg{width:21px;height:21px}#toast{background:#17191dee}
@media(max-width:760px){.workspace{padding:0}.phone{width:100%;height:100dvh;max-height:none;border:0;border-radius:0}.page{padding:13px 16px 24px}.card-art{height:155px}.scan-stage{height:calc(100dvh - 295px);min-height:300px;max-height:500px}.mini-header{height:45px}.summary{padding:16px}.home-indicator{height:18px}.feature-banner{height:139px}}@media(min-width:761px){.workspace:after{content:'吉卡 / UI PREVIEW';position:fixed;bottom:8px;font-size:9px;letter-spacing:2px;color:#aab0b8}}

.image-note{position:absolute;bottom:5px;left:5px;background:rgba(25,29,38,.84);color:#fff;font-size:10px;padding:3px 5px;border-radius:4px}.detail-art{position:relative}