*{box-sizing:border-box}body{margin:0;background:#f7f8f2;color:#2e4134;font-family:Inter,Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;transition:background .15s}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #a5b97d;outline-offset:4px}::selection{background:#d6e4c5}body{background-color:#ffe3a2;background-image:radial-gradient(ellipse at 50% 40%,#fff9e5 0%,#fff9e5b3 23%,transparent 55%),radial-gradient(ellipse at 0% 8%,#81d9f0 0%,transparent 52%),radial-gradient(ellipse at 100% 90%,#ff9bb7 0%,transparent 55%),radial-gradient(ellipse at 0% 100%,#b7e6bf 0%,transparent 45%),linear-gradient(130deg,#b5e8ff,#ffe39a 54%,#ffc3ba);background-size:100% 100%;background-attachment:fixed}app-root .topbar{background:#ffffffb8;border-bottom-color:#ffffffb3}app-root .filters{max-width:740px;margin-left:auto;margin-right:auto}app-root .filters button:not(.active){background:#ffffffb3;border-color:#d3c4a2;color:#536353}app-root .footnote,app-root footer{color:#7c755e}app-root footer{border-top-color:#d6b87466}body{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}.ad-dock{position:fixed;inset:auto 0 0;z-index:20;padding:10px 18px calc(10px + env(safe-area-inset-bottom,0px));background:#fffdf6f5;border-top:1px solid #d4ddd8;box-shadow:0 -6px 24px #203d3512}.ad-banner{max-width:900px;height:80px;margin:auto;display:flex;align-items:center;gap:16px;padding:10px 22px;border:1px solid #b8dcd7;border-radius:16px;background:linear-gradient(110deg,#e3faf6,#edf8ff 62%,#fff1cb);color:#234b46}.ad-art{font-size:40px;flex-shrink:0;filter:drop-shadow(0 3px 2px #25656020)}.ad-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.ad-label{font-size:10px;letter-spacing:1px;color:#627970}.ad-copy strong{font-size:19px;line-height:1.4}.ad-description{font-size:12px;color:#56716a}.ad-badge{margin-left:auto;flex-shrink:0;font-size:13px;font-weight:700;padding:11px 16px;border-radius:22px;background:#285b50;color:#fff}.ad-badge span{margin-left:7px}@media(max-width:600px){body{padding-bottom:calc(108px + env(safe-area-inset-bottom,0px))}.ad-dock{padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px))}.ad-banner{height:84px;padding:8px 12px;gap:9px}.ad-art{font-size:28px}.ad-copy strong{font-size:15px}.ad-description{font-size:11px}.ad-badge{display:none}}.card-loading{position:absolute;inset:20px 18px 40px;z-index:3;display:grid;place-items:center;border-radius:12px;background:#15233745;cursor:wait}.card-spinner{width:52px;height:52px;border:5px solid #ffffff75;border-top-color:#ffdc72;border-radius:50%;box-shadow:0 2px 12px #0003;animation:card-loading-spin .8s linear infinite}@keyframes card-loading-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.card-spinner{animation:none}}.card-scene{touch-action:pan-y pinch-zoom}