:root{--paper: #fffaf0;--ink: #473d35;--grape: #6d5ae6;--gold: #f1b83b;font-family:Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;color:var(--ink);background:#eee8da}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}.pad-shell{min-height:100vh;padding:14px 20px 20px;background:radial-gradient(circle at 50% 0,#fffdf8,#eadfc8)}.pad-topbar{height:58px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:0 auto 12px}.brand{font-size:22px;font-weight:900;color:var(--grape);letter-spacing:.06em}.stations{display:flex;gap:13px;list-style:none;margin:0;padding:0}.stations li{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:0 2px 8px #503c1e1f;opacity:.55}.stations li.active{opacity:1;outline:3px solid #dfd8ff}.score{background:#fff;border-radius:18px;padding:8px 14px;font-weight:700}.pad-card{position:relative;max-width:1180px;height:min(680px,calc(100vh - 104px));min-height:540px;margin:0 auto;background:var(--paper);border:2px solid #e7d8bc;border-radius:22px;box-shadow:0 18px 45px #4d35182e;overflow:hidden}.pad-title{position:absolute;z-index:7;top:18px;left:26px;right:26px;display:flex;justify-content:space-between;pointer-events:none;text-shadow:0 1px 3px #fff}.pad-title span{font-size:15px;font-weight:700}.pad-title b{color:var(--grape)}.pad-frame{position:absolute;z-index:2;inset:8px 8px 200px;border-radius:12px;overflow:hidden;border:1px solid #EFE7D6;box-shadow:0 4px 14px #785a281a}.pad-photo{width:100%;height:100%;object-fit:contain;display:block;filter:brightness(1.2) saturate(1.3) contrast(.95) sepia(.05);background:transparent}.pmk{position:absolute;z-index:5;transform:translate(-50%);cursor:pointer;min-width:76px;padding:10px 18px;border:0;border-radius:999px;background:var(--gold);color:#4e3710;font-weight:900;box-shadow:0 5px 14px #b9801473;animation:breathe 1.7s ease-in-out infinite}.pmk.l{left:25%;top:35%}.pmk.r{left:74%;top:35%}.pmk.l{background:var(--grape);color:#fff;box-shadow:0 5px 14px #6d5ae68c}.pmk.l:before{border-color:var(--grape)}.pmk.r:before{border-color:var(--gold)}.pmk:before{content:"";position:absolute;inset:-8px;border:2px solid;border-radius:999px;opacity:.28}.pmk:after{content:"";position:absolute;left:50%;bottom:-10px;transform:translate(-50%);border:6px solid transparent;border-top-color:currentColor}.badge{position:absolute;inset:0;display:grid;place-items:center;font-size:38px;font-weight:900;color:#8c5e00;background:#fff9dc6b}.mascot{position:absolute;z-index:8;left:34px;right:34px;bottom:18px;height:164px;display:flex;align-items:center;gap:18px}.mascot img{width:128px;height:150px;object-fit:contain;filter:drop-shadow(0 7px 6px rgba(80,50,20,.16))}.speech{flex:1;min-height:96px;display:flex;align-items:center;padding:20px 28px;border-radius:22px;background:#fff;border:2px solid #eadcc3;font-size:20px;line-height:1.65;box-shadow:0 7px 20px #4831141a}.speech b{color:var(--grape)}@keyframes breathe{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.06)}}@media (max-width: 760px){.pad-shell{padding:8px}.brand{font-size:16px}.stations{gap:4px}.stations li{width:30px;height:30px}.pad-card{min-height:620px}.mascot{left:14px;right:14px}.mascot img{width:90px}.speech{font-size:16px;padding:14px}}