:root{font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,Arial,sans-serif;color:var(--text-main);background:var(--bg-page);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg-page: #eef3ea;--bg-ink: #14524a;--bg-card: #fffaf1;--bg-paper: #f7efe2;--text-main: #123f39;--text-title: #123f39;--text-muted: #64776f;--text-light: #fff8e8;--primary: #1f7a68;--primary-dark: #14524a;--primary-soft: #dcece2;--accent-food: #d85f45;--accent-item: #2f8fa3;--accent-gold: #c5a04f;--accent-gold-soft: #ead8a3;--border-soft: rgba(31, 122, 104, .14);--border-gold: rgba(197, 160, 79, .28);--map-stage-bg: linear-gradient(135deg, rgba(31, 61, 58, .07), rgba(47, 143, 163, .1)), radial-gradient(circle at center, rgba(255, 255, 255, .65), transparent 56%);--red: var(--primary);--red-dark: var(--text-title);--gold: var(--accent-gold);--gold-soft: var(--accent-gold-soft);--ink: var(--text-main);--muted: var(--text-muted);--paper: var(--bg-card);--paper-deep: var(--bg-paper);--green: var(--accent-item);--coral: var(--accent-food);--lake: var(--accent-item);--jade: var(--primary);--jade-dark: var(--primary-dark);--shadow: 0 12px 32px rgba(18, 63, 57, .11);--shadow-hover: 0 18px 46px rgba(18, 63, 57, .2)}*{box-sizing:border-box}html{min-width:320px;background:radial-gradient(circle at 10% 2%,rgba(47,143,163,.2),transparent 24rem),radial-gradient(circle at 88% 10%,rgba(201,162,77,.18),transparent 20rem),linear-gradient(135deg,#f6f1e6,#e7f0e7 54%,#f7efe2)}html[data-theme=dunhuang]{--bg-page: #081f2d;--bg-ink: #0d2f3a;--bg-card: #fff7e8;--bg-paper: #f6ead2;--text-main: #233331;--text-title: #123f39;--text-muted: #8a7b62;--text-light: #fff4dc;--primary: #1aa6a6;--primary-dark: #0b666a;--primary-soft: #d8ede9;--accent-food: #d9573f;--accent-item: #1aa6a6;--accent-gold: #d6a84f;--accent-gold-soft: #efd99a;--mural-orange: #e58a3a;--lapis: #1b4f8f;--border-soft: rgba(214, 168, 79, .2);--border-gold: rgba(214, 168, 79, .45);--map-stage-bg: radial-gradient(circle at 58% 48%, rgba(214, 168, 79, .13), transparent 30%), linear-gradient(135deg, rgba(13, 47, 58, .98), rgba(8, 31, 45, .96));--shadow: 0 18px 50px rgba(0, 0, 0, .24);--shadow-hover: 0 22px 58px rgba(0, 0, 0, .34);background:radial-gradient(circle at 18% 4%,rgba(26,166,166,.18),transparent 24rem),radial-gradient(circle at 82% 12%,rgba(217,87,63,.13),transparent 20rem),radial-gradient(circle at 58% 0%,rgba(214,168,79,.1),transparent 28rem),linear-gradient(135deg,#081f2d,#0d2f3a 52%,#102934)}body{margin:0;min-width:320px;min-height:100vh}body.modal-open{overflow:hidden}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}#app{min-height:100vh}.app-shell{width:min(1480px,calc(100% - 40px));margin:0 auto;padding:24px 0 18px}main{display:grid;gap:18px}.app-footer{color:var(--muted);font-size:13px;padding:18px 4px 0;text-align:center}.section-kicker{display:inline-flex;align-items:center;color:var(--red);font-size:12px;font-weight:800;letter-spacing:0}.ghost-button,.primary-button{min-height:40px;border:0;border-radius:999px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.ghost-button{color:var(--red-dark);background:#fffaf0c7;border:1px solid rgba(31,122,104,.2);padding:0 16px}.ghost-button.small{min-height:34px;padding:0 12px;font-size:13px}.primary-button{color:#fffaf1;background:linear-gradient(135deg,var(--jade),var(--jade-dark));padding:0 17px;box-shadow:0 8px 18px #14524a38}.ghost-button:hover,.primary-button:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.ghost-button:active,.primary-button:active,.category-pill:active,.ranking-item:active{transform:scale(.98)}.app-header{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;min-height:142px;margin-bottom:14px;padding:24px 32px;border:1px solid rgba(31,122,104,.18);border-radius:20px;background:radial-gradient(ellipse at 80% 24%,rgba(47,143,163,.26),transparent 22%),radial-gradient(ellipse at 66% 78%,rgba(31,122,104,.2),transparent 28%),radial-gradient(ellipse at 92% 76%,rgba(197,160,79,.2),transparent 24%),linear-gradient(120deg,#fffaf1fa,#d0e5d8f2);background-size:cover;background-position:center;box-shadow:var(--shadow)}.theme-dunhuang .app-header{border-color:#d6a84f6b;background:radial-gradient(ellipse at 82% 28%,rgba(214,168,79,.22),transparent 23%),radial-gradient(ellipse at 72% 78%,rgba(217,87,63,.16),transparent 30%),radial-gradient(ellipse at 28% 18%,rgba(26,166,166,.28),transparent 28%),linear-gradient(120deg,#081f2dfa,#0d2f3af5);box-shadow:0 18px 52px #0000004d}.app-header:before{position:absolute;inset:0;content:"";background-image:linear-gradient(90deg,rgba(31,122,104,.1) 1px,transparent 1px),linear-gradient(0deg,rgba(31,122,104,.07) 1px,transparent 1px),radial-gradient(ellipse at 72% 34%,transparent 32%,rgba(31,122,104,.13) 33%,transparent 36%),radial-gradient(ellipse at 86% 48%,transparent 28%,rgba(197,160,79,.16) 29%,transparent 32%);background-size:34px 34px,34px 34px,360px 180px,300px 150px;-webkit-mask-image:linear-gradient(90deg,#000 0%,transparent 88%);mask-image:linear-gradient(90deg,#000 0%,transparent 88%);pointer-events:none}.theme-dunhuang .app-header:before{background-image:radial-gradient(ellipse at 72% 34%,transparent 32%,rgba(214,168,79,.2) 33%,transparent 36%),radial-gradient(ellipse at 84% 52%,transparent 28%,rgba(217,87,63,.16) 29%,transparent 32%),linear-gradient(90deg,rgba(255,244,220,.06) 1px,transparent 1px),linear-gradient(0deg,rgba(255,244,220,.04) 1px,transparent 1px);background-size:360px 180px,300px 150px,34px 34px,34px 34px;-webkit-mask-image:linear-gradient(90deg,#000 0%,transparent 92%);mask-image:linear-gradient(90deg,#000 0%,transparent 92%)}.header-copy,.header-emblem{position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;min-height:27px;margin:0 0 9px;padding:5px 11px;color:#fff8e8;background:var(--red);border:1px solid transparent;border-radius:999px;font-size:12px;font-weight:800;line-height:1}.theme-dunhuang .eyebrow{color:var(--text-light);background:#d9573fe6;border:1px solid rgba(214,168,79,.32)}.app-header h1{margin:0;color:var(--text-title);font-size:clamp(38px,5vw,60px);line-height:1;letter-spacing:0}.theme-dunhuang .app-header h1{color:var(--text-light);text-shadow:0 3px 18px rgba(214,168,79,.16)}.subtitle{margin:12px 0 0;color:#4d7467;font-size:clamp(16px,1.5vw,20px);font-weight:800}.theme-dunhuang .subtitle{color:#fff4dcd1}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.random-button{height:38px;min-height:38px}.progress-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:min(760px,100%);margin:16px 0 0}.progress-strip div{min-width:0;min-height:63px;padding:10px 12px;background:#fffaf1bd;border:1px solid var(--border-soft);border-radius:14px;box-shadow:inset 0 1px #ffffff6b}.progress-strip dt,.progress-strip dd{margin:0}.progress-strip dt{color:var(--muted);font-size:12px;font-weight:800;line-height:1.25}.progress-strip dd{overflow:hidden;margin-top:4px;color:var(--text-title);font-size:18px;font-weight:900;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.theme-dunhuang .progress-strip div{background:#fff7e821;border-color:#d6a84f47}.theme-dunhuang .progress-strip dt{color:#fff4dca3}.theme-dunhuang .progress-strip dd{color:var(--text-light)}.theme-switcher{display:inline-flex;align-items:center;gap:6px;min-height:46px;margin-top:18px;padding:5px;background:#fffaf1b8;border:1px solid var(--border-soft);border-radius:999px;box-shadow:inset 0 1px #ffffff61}.theme-option{display:inline-flex;align-items:center;justify-content:center;height:34px;min-height:34px;min-width:82px;padding:0 14px;color:var(--text-title);background:transparent;border:0;border-radius:999px;font-size:13px;font-weight:900;line-height:1;transition:color .18s ease,background .18s ease,box-shadow .18s ease}.theme-option.active{color:var(--text-light);background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 8px 18px #14524a2e}.theme-dunhuang .theme-switcher{background:#fff7e824;border-color:#d6a84f5c}.theme-dunhuang .theme-option{color:#fff4dcdb}.theme-dunhuang .theme-option.active{color:#fff7e8;background:linear-gradient(135deg,#1aa6a6,#0b666a);box-shadow:0 0 0 1px #d6a84f33,0 10px 24px #1aa6a633}.intro{max-width:650px;margin:0;color:var(--muted);font-size:16px;line-height:1.8}.header-emblem{display:grid;place-items:center;grid-template-columns:1fr;width:112px;height:112px;border:2px solid rgba(197,160,79,.58);border-radius:50%;background:#fffaf1b8;box-shadow:inset 0 0 0 8px #ffffff6b,0 14px 34px #123f3924}.theme-dunhuang .header-emblem{background:#081f2d7a;border-color:#d6a84fb8;box-shadow:inset 0 0 0 8px #fff4dc14,0 0 38px #d6a84f3d}.seal,.treasure-mark{display:grid;place-items:center;width:48px;height:48px;color:#fff8e8;background:linear-gradient(135deg,var(--jade),var(--jade-dark));border-radius:14px;font-size:28px;font-weight:900}.treasure-mark{width:38px;height:38px;margin-top:-20px;background:linear-gradient(135deg,var(--gold),#a98432);font-size:22px}.scroll-line{display:none}.category-filter{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 12px;scrollbar-width:thin}.category-pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;color:var(--red-dark);background:#fffaf1db;border:1px solid rgba(31,122,104,.16);border-radius:999px;box-shadow:0 8px 22px #19433c0f;transition:transform .18s ease,background .18s ease,color .18s ease}.category-pill span{display:grid;place-items:center;width:25px;height:25px;color:var(--red);background:#c9a24d2e;border-radius:50%;font-size:12px;font-weight:900}.category-pill:hover{transform:translateY(-3px)}.category-pill.active{color:var(--text-light);background:linear-gradient(135deg,var(--primary),var(--primary-dark))}.category-pill.category-food.active{background:linear-gradient(135deg,var(--accent-food),color-mix(in srgb,var(--accent-food) 70%,#8b2f22))}.category-pill.active span{color:var(--red-dark);background:var(--gold-soft)}.dashboard{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(390px,.9fr);gap:18px;align-items:start}.map-card,.current-panel,.ranking-panel,.empty-state{border:1px solid var(--border-soft);border-radius:24px;background:color-mix(in srgb,var(--bg-card) 92%,transparent);box-shadow:var(--shadow)}.theme-dunhuang .map-card{color:var(--text-light);background:radial-gradient(circle at 72% 24%,rgba(214,168,79,.12),transparent 26%),linear-gradient(145deg,#0d2f3afa,#081f2df5);border-color:#d6a84f57}.theme-dunhuang .current-panel,.theme-dunhuang .ranking-panel,.theme-dunhuang .empty-state,.theme-dunhuang .treasure-card{background:var(--bg-card)}.map-card{position:sticky;top:18px;overflow:hidden;min-height:720px;padding:22px}.map-toolbar,.panel-heading,.current-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.map-toolbar h2,.panel-heading h2,.current-panel h2{margin:4px 0 0;color:var(--text-title);font-size:24px}.theme-dunhuang .map-toolbar h2{color:var(--text-light)}.china-map{width:100%;height:610px;border-radius:18px;background:var(--map-stage-bg)}.theme-dunhuang .china-map{box-shadow:inset 0 0 0 1px #fff4dc14,inset 0 0 42px #0003}.map-stage{position:relative;overflow:hidden;margin-top:12px;border-radius:18px}.map-summary-card{position:absolute;right:18px;bottom:18px;z-index:3;display:grid;gap:5px;width:min(260px,calc(100% - 36px));padding:14px;color:#fff8e8;background:#123f39ed;border:1px solid rgba(234,216,163,.32);border-radius:14px;box-shadow:0 18px 42px #123f3947;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.map-summary-card:before{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(234,216,163,.16),transparent 50%);content:"";pointer-events:none}.summary-kicker{position:relative;color:var(--gold-soft);font-size:12px;font-weight:900}.map-summary-card strong,.map-summary-card p,.map-summary-card small{position:relative}.map-summary-card strong{font-size:22px;letter-spacing:0}.map-summary-card p{margin:0;font-size:13px;line-height:1.55}.map-summary-card small{color:#e7d8aa;font-size:12px;line-height:1.5}.map-summary-enter-active,.map-summary-leave-active{transition:opacity .22s ease,transform .22s ease}.map-summary-enter-from{opacity:0;transform:translateY(8px)}.map-summary-leave-to{opacity:0;transform:translateY(-4px)}.map-hint{margin:8px 4px 0;color:var(--muted);font-size:14px;text-align:center}.theme-dunhuang .map-hint{color:#fff4dcb8}.province-picker{display:grid;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-soft)}.theme-dunhuang .province-picker{border-top-color:#d6a84f38}.province-search{display:grid;gap:8px}.province-search span{color:var(--text-title);font-size:13px;font-weight:900}.theme-dunhuang .province-search span{color:var(--text-light)}.province-search input{width:100%;min-height:42px;padding:0 14px;color:var(--ink);background:color-mix(in srgb,var(--bg-card) 94%,transparent);border:1px solid var(--border-soft);border-radius:12px;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.province-search input:focus{border-color:#1f7a687a;box-shadow:0 0 0 4px #1f7a6817}.province-list{display:flex;flex-wrap:wrap;gap:8px;max-height:126px;overflow-y:auto;padding-right:3px}.province-chip{flex:0 0 auto;min-height:32px;padding:0 11px;color:#315d55;background:#ffffff94;border:1px solid var(--border-soft);border-radius:999px;font-size:13px;font-weight:800;transition:transform .16s ease,background .16s ease,color .16s ease}.province-chip:hover{transform:translateY(-2px);background:#c9a24d33}.province-chip.active{color:var(--text-light);background:var(--primary);border-color:#14524a2e}.theme-dunhuang .province-chip{color:var(--text-light);background:#fff7e81a;border-color:#d6a84f38}.theme-dunhuang .province-chip:hover{background:#d6a84f2e}.theme-dunhuang .province-chip.active{color:#fff7e8;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-color:#d6a84f6b}.side-panel{display:grid;gap:16px}.current-panel{padding:20px}.current-panel p{margin:10px 0 0;color:var(--muted)}.treasure-grid{display:grid;gap:16px;min-height:1px}.treasure-card{overflow:hidden;border:1px solid var(--border-gold);border-radius:20px;background:var(--bg-card);box-shadow:0 10px 28px #123f391a,inset 0 1px #ffffffb8;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.treasure-card:hover{transform:translateY(-4px);border-color:var(--border-gold);box-shadow:0 18px 46px #123f392e,inset 0 1px #ffffffc7}.image-button{display:block;width:100%;overflow:hidden;padding:0;border:0;aspect-ratio:16 / 9;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-gold) 18%,transparent),color-mix(in srgb,var(--bg-card) 72%,transparent)),#e5eadb}.image-button img,.detail-image img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}.image-button img{height:100%;transition:transform .18s ease}.treasure-card:hover .image-button img{transform:scale(1.025)}.treasure-panel-enter-active,.treasure-panel-leave-active{transition:opacity .18s ease,transform .18s ease}.treasure-panel-enter-from{opacity:0;transform:translateY(8px)}.treasure-panel-leave-to{opacity:0;transform:translateY(-4px)}.card-body{display:grid;gap:10px;padding:16px}.meta-row,.score-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px}.category-tag{display:inline-flex;align-items:center;min-height:25px;padding:0 10px;color:#fff8e8;border-radius:999px;font-size:12px;font-weight:800}.tag-food{background:var(--accent-food)}.tag-item{background:var(--accent-item)}.treasure-card h3,.detail-modal h2{margin:0;color:var(--text-title);letter-spacing:0}.treasure-card h3{font-size:21px}.treasure-card p{margin:0;color:#31524d;line-height:1.62}.score{color:color-mix(in srgb,var(--accent-gold) 82%,#6f4d15);font-weight:900}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.rated-note{color:var(--accent-food)!important;font-size:13px}.rating-stars{display:inline-flex;align-items:center;gap:2px}.star-button{display:grid;place-items:center;width:34px;height:34px;padding:0;color:#b7b9a8;background:transparent;border:0;font-size:25px;line-height:1;transition:transform .16s ease,color .16s ease}.rating-stars.compact .star-button{width:26px;height:30px;font-size:20px}.star-button.filled{color:var(--accent-gold)}.rating-stars:not(.readonly) .star-button:hover{transform:translateY(-2px)}.star-button:disabled{cursor:default}.ranking-panel{padding:18px}.ranking-list{position:relative;display:grid;gap:10px;margin-top:14px}.ranking-item{display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center;width:100%;padding:10px 12px;text-align:left;background:#ffffff8c;border:1px solid var(--border-soft);border-radius:16px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.ranking-item.rank-1{border-color:color-mix(in srgb,var(--accent-food) 30%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--accent-food) 10%,transparent),transparent 48%),#fff9}.theme-dunhuang .ranking-item.rank-1{box-shadow:0 10px 28px #d6a84f24}.ranking-item:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.ranking-move,.ranking-enter-active,.ranking-leave-active{transition:opacity .26s ease,transform .26s ease}.ranking-enter-from,.ranking-leave-to{opacity:0;transform:translateY(10px) scale(.98)}.ranking-leave-active{position:absolute;width:calc(100% - 36px)}.ranking-item.rank-updated{animation:ranking-highlight .72s ease-out both}.ranking-item.top-updated .medal{animation:medal-pulse .68s ease-out both}.medal{display:grid;place-items:center;width:42px;height:42px;color:#203f39;border-radius:50%;font-weight:900}.rank-1 .medal{background:linear-gradient(135deg,#f4d981,var(--accent-gold))}.rank-2 .medal{background:linear-gradient(135deg,#f0f0f0,#a8a8a8)}.rank-3 .medal{background:linear-gradient(135deg,#e8ad72,#9b5524)}.ranking-item:not(.rank-1):not(.rank-2):not(.rank-3) .medal{color:var(--text-title);background:color-mix(in srgb,var(--accent-gold) 18%,var(--bg-paper));border:1px solid var(--border-gold);font-size:15px}@keyframes ranking-highlight{0%{transform:translateY(0);box-shadow:none}34%{transform:translateY(-2px);border-color:var(--border-gold);box-shadow:0 12px 28px color-mix(in srgb,var(--accent-gold) 22%,transparent)}to{transform:translateY(0)}}@keyframes medal-pulse{0%{transform:scale(1);box-shadow:0 0 #d6a84f00}42%{transform:scale(1.08);box-shadow:0 0 0 7px color-mix(in srgb,var(--accent-gold) 18%,transparent)}to{transform:scale(1);box-shadow:0 0 #d6a84f00}}.rank-copy{display:grid;gap:4px}.rank-copy strong{color:#123f39;font-size:16px}.rank-copy small{color:var(--muted);font-size:12px}.empty-state{display:grid;justify-items:center;gap:10px;padding:28px 20px;text-align:center}.empty-icon{display:grid;place-items:center;width:64px;height:64px;color:var(--text-light);background:linear-gradient(135deg,var(--accent-gold),var(--primary));border-radius:18px;font-size:34px;font-weight:900}.empty-state h3,.empty-state p{margin:0}.empty-state p{color:var(--muted)}.toast{position:fixed;left:50%;bottom:28px;z-index:40;display:inline-flex;align-items:center;gap:9px;padding:12px 18px;color:var(--text-light);background:#123f39f0;border:1px solid var(--border-gold);border-radius:999px;box-shadow:var(--shadow-hover);transform:translate(-50%)}.toast span{color:var(--accent-gold-soft);font-weight:900}.back-top-button{position:fixed;right:24px;bottom:24px;z-index:26;display:grid;place-items:center;width:46px;height:46px;color:var(--text-light);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:1px solid var(--border-gold);border-radius:50%;box-shadow:0 14px 34px #123f3938;font-size:22px;font-weight:900;line-height:1;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.back-top-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.theme-dunhuang .back-top-button{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-color:#d6a84f8f;box-shadow:0 16px 36px #00000047}.back-top-enter-active,.back-top-leave-active{transition:opacity .18s ease,transform .18s ease}.back-top-enter-from,.back-top-leave-to{opacity:0;transform:translateY(8px)}.modal-shell{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:24px}.modal-backdrop{position:absolute;inset:0;border:0;background:#123f3980;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}html[data-theme=dunhuang] .modal-backdrop{background:#081f2d9e}.detail-modal{position:relative;z-index:1;display:grid;grid-template-columns:minmax(300px,.9fr) minmax(360px,1fr);overflow:hidden;width:min(1050px,100%);max-height:min(760px,calc(100vh - 48px));border:1px solid var(--border-gold);border-radius:24px;background:var(--bg-card);box-shadow:0 30px 90px #123f3947}html[data-theme=dunhuang] .detail-modal{box-shadow:0 34px 96px #0000005c}.close-button{position:absolute;top:14px;right:14px;z-index:2;display:grid;place-items:center;width:38px;height:38px;color:var(--red-dark);background:#fff9ecd1;border:1px solid rgba(31,122,104,.14);border-radius:50%;font-size:28px;line-height:1}.detail-image{position:relative;overflow:hidden;display:grid;align-content:center;justify-items:center;gap:12px;min-height:100%;padding:30px;background:radial-gradient(circle at 24% 18%,rgba(255,250,241,.34),transparent 32%),radial-gradient(circle at 80% 82%,rgba(197,160,79,.26),transparent 36%),linear-gradient(135deg,#1f7a68b8,#c5a04f7a);-webkit-backdrop-filter:blur(22px) saturate(1.08);backdrop-filter:blur(22px) saturate(1.08)}.detail-image:before{position:absolute;inset:24px;border:1px solid rgba(255,250,241,.36);border-radius:22px;background:linear-gradient(135deg,#fffaf138,#fffaf114),radial-gradient(circle at 20% 15%,rgba(255,255,255,.3),transparent 34%);box-shadow:inset 0 1px #ffffff47,0 22px 58px #123f3938;-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08);content:""}.detail-image:after{position:absolute;inset:auto 34px 32px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,250,241,.64),transparent);content:""}html[data-theme=dunhuang] .detail-image{background:radial-gradient(circle at 22% 16%,rgba(26,166,166,.34),transparent 32%),radial-gradient(circle at 80% 84%,rgba(214,168,79,.24),transparent 36%),linear-gradient(135deg,#081f2dc2,#0d2f3a9e)}html[data-theme=dunhuang] .detail-image:before{border-color:#d6a84f57;background:linear-gradient(135deg,#fff7e833,#fff7e812),radial-gradient(circle at 22% 18%,rgba(26,166,166,.22),transparent 34%);box-shadow:inset 0 1px #fff4dc38,0 24px 62px #00000047}.detail-image img{position:relative;z-index:1;width:min(100%,510px);height:clamp(280px,34vh,320px);min-height:0;object-fit:cover;padding:0;border:1px solid rgba(255,250,241,.64);border-radius:16px;background:#fffaf12e;box-shadow:0 22px 56px #123f3942,0 0 0 8px #fffaf124}html[data-theme=dunhuang] .detail-image img{border-color:#d6a84f85;box-shadow:0 24px 58px #00000052,0 0 0 8px #fff7e81a}.exhibit-label,.exhibit-tags,.exhibit-hint{position:relative;z-index:1;width:min(100%,510px)}.exhibit-label{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:10px 12px;color:var(--text-title);background:#fffaf16b;border:1px solid rgba(255,250,241,.42);border-radius:14px;box-shadow:inset 0 1px #ffffff3d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.exhibit-label span,.exhibit-label strong,.exhibit-label em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exhibit-label span{color:#123f39d1;font-size:13px;font-weight:800}.exhibit-label strong{padding:4px 8px;color:var(--text-light);background:var(--primary);border-radius:999px;font-size:12px}.exhibit-label em{color:color-mix(in srgb,var(--accent-gold) 82%,#6f4d15);font-style:normal;font-weight:900}.exhibit-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.exhibit-tags span{padding:6px 9px;color:var(--text-title);background:#fffaf15c;border:1px solid rgba(255,250,241,.34);border-radius:999px;font-size:12px;font-weight:900;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.exhibit-hint{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center;padding:11px 12px;color:var(--text-title);background:#fffaf157;border:1px solid rgba(255,250,241,.34);border-radius:14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.exhibit-hint span{grid-row:span 2;display:inline-flex;align-items:center;align-self:stretch;padding:0 10px;color:var(--text-light);background:color-mix(in srgb,var(--primary) 88%,#123f39);border-radius:999px;font-size:12px;font-weight:900}.exhibit-hint strong,.exhibit-hint small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exhibit-hint strong{font-size:14px;font-weight:900}.exhibit-hint small{color:#123f39b8;font-size:12px;font-weight:800}html[data-theme=dunhuang] .exhibit-label,html[data-theme=dunhuang] .exhibit-tags span,html[data-theme=dunhuang] .exhibit-hint{background:#fff7e821;border-color:#d6a84f4d}html[data-theme=dunhuang] .exhibit-label span,html[data-theme=dunhuang] .exhibit-tags span,html[data-theme=dunhuang] .exhibit-hint small{color:#fff4dce0}html[data-theme=dunhuang] .exhibit-hint strong{color:var(--text-light)}.detail-content{display:grid;align-content:start;gap:14px;overflow-y:auto;padding:34px}.detail-modal h2{font-size:34px}.detail-score{font-size:15px}.detail-content p{margin:0;color:#31524d;line-height:1.78}.detail-summary{color:var(--red-dark)!important;font-weight:800}.highlight-list{display:flex;flex-wrap:wrap;gap:8px}.highlight-list span{padding:8px 10px;color:#315d55;background:#2f8fa324;border-radius:999px;font-size:13px;font-weight:800}.reason-box,.modal-rating,.related-box{display:grid;gap:8px;padding:14px;background:#ead8a333;border:1px solid rgba(201,162,77,.26);border-radius:16px}.reason-box strong,.modal-rating span,.related-box strong{color:var(--red-dark);font-weight:900}.reason-box strong{color:var(--accent-food)}.modal-rating small{color:var(--muted)}.related-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.related-item{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;align-items:center;min-width:0;padding:8px;text-align:left;background:#fffaf1b3;border:1px solid var(--border-soft);border-radius:12px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.related-item:hover{transform:translateY(-2px);border-color:var(--border-gold);box-shadow:0 10px 22px #123f391a}.related-item img{width:58px;height:46px;object-fit:cover;border-radius:9px}.related-item span{display:grid;gap:3px;min-width:0}.related-item b,.related-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.related-item b{color:var(--text-title);font-size:14px}.related-item small{color:var(--muted);font-size:12px}.modal-enter-active,.modal-leave-active{transition:opacity .3s ease}.modal-leave-active{pointer-events:none}.modal-enter-active .detail-modal,.modal-leave-active .detail-modal{transition:transform .3s ease,opacity .3s ease}.modal-enter-active .detail-image img{transition:opacity .26s ease 80ms,transform .26s ease 80ms}.modal-leave-active .detail-image img{transition:opacity .26s ease,transform .26s ease}.modal-enter-active .detail-content>*{transition:opacity .26s ease,transform .26s ease}.modal-leave-active .detail-content>*{transition:opacity .26s ease,transform .26s ease}.modal-enter-active .detail-content>:nth-child(1){transition-delay:70ms}.modal-enter-active .detail-content>:nth-child(2){transition-delay:95ms}.modal-enter-active .detail-content>:nth-child(3){transition-delay:.12s}.modal-enter-active .detail-content>:nth-child(n+4){transition-delay:145ms}.toast-enter-active,.toast-leave-active{transition:opacity .22s ease,transform .22s ease}.modal-enter-from,.modal-leave-to{opacity:0}.modal-leave-from{opacity:1}.modal-leave-from .detail-modal,.modal-leave-from .detail-image img{opacity:1;transform:scale(1)}.modal-leave-from .detail-content>*{opacity:1;transform:translateY(0)}.modal-enter-from .detail-modal,.modal-leave-to .detail-modal{opacity:0;transform:scale(.965)}.modal-enter-from .detail-image img,.modal-leave-to .detail-image img{opacity:0;transform:scale(.975)}.modal-enter-from .detail-content>*{opacity:0;transform:translateY(8px)}.modal-leave-to .detail-content>*{opacity:0;transform:translateY(8px)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,12px)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important;transition-delay:0ms!important}.treasure-panel-enter-from,.treasure-panel-leave-to,.map-summary-enter-from,.map-summary-leave-to,.back-top-enter-from,.back-top-leave-to,.ranking-enter-from,.ranking-leave-to,.modal-enter-from .detail-modal,.modal-enter-from .detail-image img,.modal-enter-from .detail-content>*,.modal-leave-to .detail-modal,.modal-leave-to .detail-image img,.modal-leave-to .detail-content>*,.toast-enter-from,.toast-leave-to{transform:none!important}}@media(max-width:1180px){.dashboard{grid-template-columns:1fr}.map-card{position:static;min-height:auto}.china-map{height:540px}.map-summary-card{right:14px;bottom:14px}.province-list{max-height:104px}.treasure-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.app-shell{width:min(100% - 24px,760px);padding-top:12px}.app-header{grid-template-columns:1fr;min-height:auto;padding:22px 24px}.progress-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.header-emblem{display:none}.app-header h1{font-size:42px}.treasure-grid{grid-template-columns:1fr}.detail-modal{grid-template-columns:1fr;width:min(680px,100%);max-height:calc(100vh - 28px)}.related-list{grid-template-columns:1fr}.detail-image img{min-height:0;height:auto;aspect-ratio:16 / 9}.exhibit-label{grid-template-columns:1fr auto}.exhibit-label span{grid-column:1 / -1}}@media(max-width:640px){.app-shell{width:min(100% - 16px,560px)}.app-header{padding:18px 16px;border-radius:18px}.eyebrow{font-size:12px}.app-header h1{font-size:34px}.subtitle{font-size:15px}.progress-strip{gap:7px}.progress-strip div{padding:9px 10px}.progress-strip dd{font-size:16px}.intro{font-size:14px}.category-filter{gap:8px}.category-pill{min-height:42px;padding:0 14px}.map-card,.current-panel,.ranking-panel,.empty-state{border-radius:18px}.map-card{padding:14px}.map-toolbar{align-items:flex-start}.map-toolbar h2,.panel-heading h2,.current-panel h2{font-size:20px}.china-map{height:330px}.map-summary-card{position:static;width:auto;margin:-4px 8px 10px}.province-picker{gap:10px;margin-top:12px;padding-top:12px}.province-list{flex-wrap:nowrap;max-height:none;overflow-x:auto;overflow-y:hidden;padding-bottom:3px}.province-chip{min-height:34px;font-size:12px}.card-actions{align-items:flex-start;flex-direction:column}.rating-stars.compact .star-button{width:30px;height:32px;font-size:22px}.modal-shell{align-items:end;padding:0}.detail-modal{width:100%;max-height:92vh;border-radius:22px 22px 0 0}.detail-content{padding:22px 18px 28px}.detail-image{padding:22px 18px;gap:12px}.detail-image img{height:clamp(210px,34vh,280px);aspect-ratio:auto}.exhibit-hint{grid-template-columns:1fr}.exhibit-hint span{grid-row:auto;justify-self:start;min-height:26px}.detail-image:before{inset:14px;border-radius:18px}.detail-modal h2{font-size:28px}.toast{width:calc(100% - 28px);justify-content:center;border-radius:18px;text-align:center}.back-top-button{right:16px;bottom:18px;width:42px;height:42px;font-size:20px}}