:root{--bg-1: #1b2238;--bg-2: #2a375e;--panel: rgba(255, 247, 239, .92);--ink: #293048;--ink-soft: #4e5570;--accent: #ff9b85;--accent-deep: #ff7f7a;--mint: #8ad7ca;--chip: #ffe6db;--shadow: 0 14px 30px rgba(18, 24, 42, .24)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Nunito,PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink);background:radial-gradient(circle at 15% 10%,rgba(255,171,144,.26),transparent 33%),radial-gradient(circle at 82% 25%,rgba(123,196,250,.2),transparent 30%),linear-gradient(165deg,var(--bg-1),var(--bg-2));padding:max(14px,env(safe-area-inset-top)) 12px max(20px,env(safe-area-inset-bottom))}.screen{max-width:560px;margin:0 auto;display:grid;gap:12px;animation:rise-in .36s ease}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.panel{background:var(--panel);border-radius:16px;padding:14px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero{background:linear-gradient(135deg,#fffffff0,#fff0e5f0)}.compact{padding:10px 12px}h1,h2,h3,p{margin:0}h1{margin-top:4px;font-size:1.42rem}h2{font-size:1.16rem}h3{font-size:1.02rem}.muted{color:var(--ink-soft);font-size:.84rem}.description{margin-top:8px;line-height:1.46}.quote{margin-top:10px;padding:10px;border-radius:10px;background:#ffffffbf}.stats-row{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.stats-row span{font-size:.84rem;padding:5px 10px;border-radius:999px;background:#82e2d138}.title-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.relic-grid,.card-list,.shop-list{margin-top:10px;display:grid;gap:8px}.relic-card,.service-card,.shop-item,button{font-family:inherit}.relic-card,.service-card{border:1px solid rgba(77,90,133,.16);border-radius:12px;padding:10px;text-align:left;background:#fff;transition:transform .15s ease,border-color .15s ease}.relic-card.active{border-color:var(--accent);transform:translateY(-1px)}.relic-card p,.service-card p,.shop-item p{margin-top:6px;color:var(--ink-soft);line-height:1.4}.card-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.card-head span{font-size:.78rem;color:var(--ink-soft)}.shop-item{display:grid;gap:10px;grid-template-columns:1fr auto;align-items:center;padding:10px;border-radius:12px;background:#fff}.chip-wrap{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.chip{font-size:.82rem;padding:6px 10px;border-radius:999px;background:var(--chip)}button{border:none;cursor:pointer;border-radius:12px;padding:10px 12px}button:disabled{opacity:.5;cursor:not-allowed}.primary-btn{background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff;font-weight:700}.secondary-btn{background:#ffffffeb;color:var(--ink);border:1px solid rgba(77,90,133,.2)}.ghost-btn{background:transparent;border:1px dashed rgba(77,90,133,.3);color:var(--ink-soft);padding:6px 10px}.feedback{border-left:4px solid var(--mint)}.footer-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;position:sticky;bottom:8px}.home-screen .footer-actions{grid-template-columns:1fr 2fr}.collection-screen .footer-actions{grid-template-columns:1fr}.diary-list{margin-top:8px;display:grid;gap:8px}.diary-list p{font-size:.9rem;color:var(--ink-soft);line-height:1.4}@media (min-width: 700px){body{padding-top:24px}.screen{max-width:620px}.relic-grid,.card-list{grid-template-columns:repeat(3,minmax(0,1fr))}}