:root{--ink:#20262d;--muted:#687484;--line:#e5ebf0;--card:#fff;--blue:#347fd1;--blue2:#ebf4ff;--green:#35ad63;--green2:#e9f8ef;--gold:#b8791a;--gold2:#fff3dc;--red:#c84d5d;--red2:#ffe9ed;--shadow:0 18px 46px rgba(28,38,49,.10);--r:12px}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--ink);background:#faedd2 url("assets/bg/merchant-scene.png") top center/cover fixed no-repeat}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(250,237,210,.1),rgba(250,237,210,.78) 360px,rgba(250,237,210,.92));z-index:0}.page{position:relative;z-index:1}button,input,select{font:inherit}button{border:0;cursor:pointer}.page{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:28px 0 38px}.top{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.brand{display:flex;gap:15px;align-items:center}.crest{width:60px;height:60px;border-radius:18px;background:linear-gradient(145deg,#f5cb46,#d99620);display:grid;place-items:center;color:#fff;box-shadow:var(--shadow)}.crest svg{width:38px;height:38px}.brand h1,.top h1{margin:0;font-size:clamp(28px,4vw,44px);line-height:1.02}.brand p,.top p{margin:9px 0 0;color:var(--muted);line-height:1.55}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:999px;font-weight:900;text-decoration:none;background:var(--blue);color:#fff}.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.panel{border:1px solid var(--line);border-radius:var(--r);background:rgba(255,255,255,.94);box-shadow:var(--shadow);overflow:hidden}.home-card{margin-bottom:16px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px}.home-card h2{margin:0 0 6px;font-size:20px}.home-card p{margin:0;color:var(--muted);line-height:1.55}.head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid var(--line);background:#fff}.title{display:flex;align-items:center;gap:10px}.title i{width:10px;height:28px;border-radius:999px;background:linear-gradient(180deg,var(--green),#7ed59c)}.title h2{margin:0;font-size:20px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{height:36px;padding:0 13px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--muted);font-weight:900}.tab.active{background:var(--green);border-color:var(--green);color:#fff}.statusbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:16px 18px;background:#fbfcfd;border-bottom:1px solid var(--line)}.slot{position:relative;min-height:88px;padding:12px;border:1px solid var(--line);border-radius:var(--r);background:#fff;text-align:left;color:var(--ink);cursor:pointer;overflow:hidden}.slot:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:#dde6ee}.slot.active{border-color:rgba(53,173,99,.48);background:linear-gradient(180deg,#fff,var(--green2))}.slot.active:after{background:var(--green)}.slot.selected{border-color:rgba(52,127,209,.58);box-shadow:0 0 0 3px rgba(52,127,209,.13)}.slot.selected:after{background:var(--blue)}.slot strong{display:block;font-size:15px}.slot span{display:block;margin-top:8px;color:var(--muted);font-size:12px;line-height:1.45}.filters{display:grid;grid-template-columns:1fr 150px 150px;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);background:#fff}input,select{height:44px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:0 12px;outline:none}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(52,127,209,.13)}.body,.form{padding:17px 18px 18px}.sectionline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.sectionline h3{margin:0;font-size:24px}.pill{display:inline-flex;align-items:center;min-height:30px;border-radius:999px;padding:4px 11px;background:var(--green2);color:var(--green);font-size:13px;font-weight:950}#clock{min-height:48px;padding:0 22px;font-size:18px;letter-spacing:0;font-weight:950;border:1px solid rgba(53,173,99,.18);box-shadow:0 10px 24px rgba(28,38,49,.12);background:rgba(233,248,239,.96)}.count{color:var(--muted);font-weight:850}.list,.results{display:grid;gap:10px}.goods{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:104px;padding:12px;border:1px solid var(--line);border-radius:var(--r);background:#fff}.pic{width:68px;height:68px;border-radius:14px;display:grid;place-items:center;background:#f1f3f5;overflow:hidden;border:1px solid #edf0f4}.pic img{width:100%;height:100%;object-fit:contain}.goods h4{margin:0 0 7px;font-size:19px}.meta{color:var(--muted);font-size:13px;line-height:1.5}.tags,.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.tag,.chip{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:999px;background:#f1f4f6;color:var(--muted);font-size:12px;font-weight:850}.tag.hot{background:var(--red2);color:var(--red)}.tag.worth{background:var(--gold2);color:var(--gold)}.chip.ok{background:var(--green2);color:var(--green)}.chip.warn{background:var(--gold2);color:var(--gold)}.pricebox{text-align:right;min-width:96px}.price{display:block;color:var(--gold);font-size:18px;font-weight:950}.limit,.state{display:inline-block;margin-top:8px;padding:5px 8px;border-radius:999px;background:var(--blue2);color:var(--blue);font-size:12px;font-weight:900}.state{background:var(--green2);color:var(--green)}.state.expired{background:#f1f2f4;color:#8b96a3}.state.later{background:var(--blue2);color:var(--blue)}.subblock{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:var(--r);background:#fafbfc}.subblock strong{display:block;margin-bottom:10px;color:var(--muted)}.empty{min-height:112px;display:grid;place-items:center;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--r);background:#fff;padding:18px;line-height:1.55}.hero-blue{padding:20px;background:linear-gradient(135deg,#2f7dcb,#61aae6);color:#fff}.hero-blue h2{margin:0;font-size:26px}.hero-blue p{margin:8px 0 0;color:rgba(255,255,255,.88);line-height:1.55}.fieldgrid{display:grid;grid-template-columns:1fr 1fr 170px;gap:10px}.field{display:grid;gap:7px}.field label{font-size:13px;color:var(--muted);font-weight:900}.note{padding:12px 13px;border:1px solid #d9e8f7;border-radius:10px;background:var(--blue2);color:#496379;font-size:14px;line-height:1.55}.result{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:10px;background:#fff}.rank{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:var(--blue2);color:var(--blue);font-weight:950}.result h3{margin:0 0 6px;font-size:18px}.score{text-align:right;color:var(--red);font-weight:950;min-width:70px}.tools{display:grid;grid-template-columns:1fr;gap:16px;margin-top:16px}.small{padding:16px 18px}.small h2{margin:0 0 8px;font-size:20px}.small p{margin:0;color:var(--muted);line-height:1.55}.file{display:none}@media(max-width:860px){body{background-image:url("assets/bg/mobile-scene.jpeg");background-size:100% auto;background-position:center top;background-repeat:repeat-y;background-attachment:scroll}.top{align-items:flex-start;flex-direction:column}.statusbar{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.page{width:min(100% - 20px,1180px)}.head,.home-card{align-items:flex-start;flex-direction:column}.filters,.fieldgrid,.statusbar,.tools{grid-template-columns:1fr}.goods,.result{grid-template-columns:62px 1fr}.pricebox,.score{grid-column:2;text-align:left}.pic{width:58px;height:58px}.tab,.btn{flex:1 1 auto}}
.activity-panel{margin-top:18px;border-color:#d8bc8d;background:rgba(255,248,232,.96);border-radius:28px;box-shadow:0 10px 0 rgba(176,131,65,.18),0 22px 52px rgba(100,69,28,.16)}
.activity-panel .head{background:linear-gradient(180deg,#fff8e8,#fff3d8);border-bottom:1px solid #e8c891;padding:18px 22px}
.activity-panel .title i{width:7px;height:22px;background:#f2a71c;border-radius:999px;box-shadow:0 2px 0 rgba(171,108,14,.22)}
.activity-panel .title h2{font-size:24px;color:#24170a}
.activity-panel .tab{height:38px;border-color:#e1bc75;background:#fff8e7;color:#a96316;box-shadow:inset 0 -2px 0 rgba(171,108,14,.08)}
.activity-panel .tab.active{background:linear-gradient(180deg,#ffd970,#f4a827);border-color:#d99119;color:#5c3100}
.activity-panel .body{padding:22px 26px 26px;background:rgba(255,244,214,.72)}
.activity-panel .sectionline{margin-bottom:18px}
.activity-grid{display:grid;grid-template-columns:1fr;gap:22px}
.activity-card{position:relative;overflow:hidden;border:2px solid #ddc398;border-radius:26px;background:rgba(255,251,241,.95);padding:26px 38px 26px;min-height:auto;box-shadow:0 5px 0 #d5b982,0 14px 28px rgba(121,82,30,.12)}.activity-card.has-rewards{padding:32px 38px 34px}
.activity-card:before{content:"";position:absolute;left:38px;top:42px;width:7px;height:20px;border-radius:999px;background:#f2a71c;box-shadow:0 2px 0 rgba(142,89,15,.2)}
.activity-card:after{content:"★";position:absolute;right:88px;top:-34px;font-size:150px;line-height:1;color:rgba(219,190,134,.22);transform:rotate(-24deg);font-family:Georgia,serif;pointer-events:none}
.activity-main{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px;padding-left:20px}.activity-card.has-rewards .activity-main{margin-bottom:24px}
.activity-title h4,.activity-card h4{margin:0;font-size:27px;line-height:1.12;color:#1f1710;font-weight:950}
.end-badge{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-width:352px;min-height:40px;padding:0 26px;border-radius:16px;background:linear-gradient(180deg,#ffe9ac,#ffdc7b);border:1px solid #e7b84c;color:#c64c0b;font-size:18px;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}
.end-badge.expired{background:#eee4d1;border-color:#d3bf9a;color:#8b7a64}
.end-badge.later{background:#e9f3ff;border-color:#b9d9fb;color:#2f7dcb}
.activity-time,.activity-rewards{position:relative;z-index:1;display:flex;align-items:flex-start;gap:12px;margin-top:14px;font-size:21px;line-height:1.45;color:#3c2814}
.activity-time strong,.activity-rewards strong{flex:0 0 auto;color:#2b1a0a;font-weight:950}
.activity-time span{color:#51351a}
.activity-rewards{align-items:center}
.activity-rewards .prize-row{display:flex;flex-wrap:wrap;gap:14px;margin:0}
.activity-rewards .prize{width:88px;color:#a26a25;font-size:14px;font-weight:900;text-align:center}
.activity-rewards .pic.mini{width:64px;height:64px;border-radius:14px;margin:0 auto 7px;padding:4px;background:linear-gradient(180deg,#fff3d9,#d8aa63);border:3px solid #e3952f;box-shadow:inset 0 0 0 3px rgba(255,255,255,.72),0 4px 0 rgba(142,89,15,.2)}
.activity-rewards .pic.mini img{width:100%;height:100%;object-fit:contain;border-radius:10px}
.activity-rewards .prize span:last-child{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a26a25}
@media(max-width:860px){.activity-panel .body{padding:16px}.activity-card{padding:20px 20px 20px}.activity-card.has-rewards{padding:24px 20px 26px}.activity-main{flex-direction:column;margin-bottom:12px}.activity-card.has-rewards .activity-main{margin-bottom:18px}.end-badge{min-width:0;width:100%;font-size:16px}.activity-time,.activity-rewards{font-size:17px;display:block}.activity-time strong,.activity-rewards strong{display:block;margin-bottom:8px}.activity-rewards .prize-row{gap:10px}.activity-rewards .prize{width:76px}.activity-card:after{right:18px;top:-12px;font-size:100px}.activity-card:before{left:20px;top:31px}.activity-title h4,.activity-card h4{font-size:22px;padding-left:12px}}
@media(max-width:640px){.activity-panel{border-radius:22px}.activity-panel .head{align-items:flex-start;flex-direction:column}.activity-rewards .pic.mini{width:58px;height:58px}.activity-rewards .prize{width:70px;font-size:12px}}
/* cartoon skin */
body{color:#25180d}
body:before{background:linear-gradient(180deg,rgba(255,245,221,.12),rgba(255,241,205,.72) 360px,rgba(255,242,211,.94))}
.panel{border:2px solid #dec49a;border-radius:24px;background:rgba(255,250,239,.96);box-shadow:0 5px 0 rgba(177,132,68,.18),0 18px 42px rgba(103,72,31,.14)}
.head{background:linear-gradient(180deg,#fffaf0,#fff3d9);border-bottom:1px solid #e5c287;padding:18px 20px}
.title i{width:7px;height:24px;background:#f2a71c;box-shadow:0 2px 0 rgba(151,90,12,.18)}
.title h2{color:#21150a;font-size:22px}
.home-card{border-color:#dec49a;border-radius:18px;background:rgba(255,250,239,.92);box-shadow:0 4px 0 rgba(177,132,68,.14),0 12px 30px rgba(103,72,31,.12)}
.tab{border-color:#e0bd7b;background:#fff8e7;color:#9a6119;box-shadow:inset 0 -2px 0 rgba(171,108,14,.08)}
.tab.active{background:linear-gradient(180deg,#7ddf9a,#31ad5f);border-color:#2da95a;color:#fff}
.slot{border:2px solid #e3c58f;border-radius:18px;background:linear-gradient(180deg,#fffdf6,#fff4d9);box-shadow:0 3px 0 rgba(177,132,68,.13)}
.slot:after{height:5px;background:#ebd0a0}.slot.active{border-color:#e7a930;background:linear-gradient(180deg,#fff9e7,#ffedb8)}.slot.active:after{background:#f0a828}.slot.selected{border-color:#55b9ea;box-shadow:0 0 0 4px rgba(85,185,234,.18),0 3px 0 rgba(177,132,68,.13)}
.filters{background:#fff9eb;border-bottom-color:#e7c893}
input,select{border:2px solid #e3c58f;border-radius:14px;background:#fffdf6}
.goods{border:2px solid #e3c58f;border-radius:18px;background:linear-gradient(180deg,#fffdf7,#fff6e4);box-shadow:0 4px 0 rgba(177,132,68,.13)}
.goods .pic{border:3px solid #e6a13a;border-radius:16px;background:linear-gradient(180deg,#fff3db,#e0b46e);box-shadow:inset 0 0 0 3px rgba(255,255,255,.72)}
.goods h4{color:#21150a}.tag,.chip,.limit,.state{border:1px solid rgba(178,128,54,.16)}
.btn{box-shadow:0 4px 0 rgba(19,84,151,.18)}.btn.ghost{background:#fffaf0;border:2px solid #dec49a;box-shadow:0 3px 0 rgba(177,132,68,.14)}
/* glass cartoon skin */
:root{--line:rgba(255,255,255,.42);--card:rgba(255,255,255,.58);--blue:#2f8bd8;--blue2:rgba(226,244,255,.72);--green:#29b978;--green2:rgba(228,255,244,.72);--gold:#1f8fb7;--gold2:rgba(229,249,255,.72);--shadow:0 18px 44px rgba(16,45,78,.18);--r:22px}
body:before{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(232,248,255,.38) 320px,rgba(234,248,255,.68));backdrop-filter:saturate(1.05)}
.panel,.home-card,.activity-panel{border:1px solid rgba(255,255,255,.54);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(245,252,255,.34));box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 18px 42px rgba(17,52,89,.18);backdrop-filter:blur(18px) saturate(1.2)}
.head,.activity-panel .head{background:linear-gradient(180deg,rgba(255,255,255,.64),rgba(242,251,255,.36));border-bottom:1px solid rgba(255,255,255,.42)}
.title i,.activity-panel .title i,.activity-card:before{background:linear-gradient(180deg,#5ed7ff,#35c98f);box-shadow:0 0 16px rgba(94,215,255,.42)}
.title h2,.activity-panel .title h2,.brand h1,.top h1{color:#122132;text-shadow:0 1px 0 rgba(255,255,255,.62)}
.brand p,.top p,.home-card p,.meta,.count{color:#4d6478}
.btn{background:linear-gradient(180deg,#4aa8ef,#247ed0);box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 9px 20px rgba(36,126,208,.24)}
.btn.ghost{background:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.64);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 8px 18px rgba(21,65,96,.12)}
#clock,.pill{background:rgba(232,255,247,.62);border:1px solid rgba(255,255,255,.66);color:#118f62;box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 8px 20px rgba(24,120,92,.16);backdrop-filter:blur(12px)}
.tab,.activity-panel .tab{background:rgba(255,255,255,.46);border:1px solid rgba(255,255,255,.58);color:#3e6683;box-shadow:inset 0 1px 0 rgba(255,255,255,.72)}
.tab.active,.activity-panel .tab.active{background:linear-gradient(180deg,rgba(91,211,255,.88),rgba(45,151,224,.88));border-color:rgba(255,255,255,.62);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.48),0 8px 18px rgba(37,137,204,.24)}
.statusbar,.filters,.activity-panel .body{background:rgba(245,252,255,.28);border-color:rgba(255,255,255,.38)}
.slot{border:1px solid rgba(255,255,255,.56);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(236,250,255,.28));box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 10px 22px rgba(19,61,92,.13);backdrop-filter:blur(12px)}
.slot:after{background:rgba(255,255,255,.42)}.slot.active{border-color:rgba(89,219,161,.62);background:linear-gradient(145deg,rgba(237,255,249,.68),rgba(220,247,255,.38))}.slot.active:after{background:#32c98d}.slot.selected{border-color:rgba(87,190,244,.76);box-shadow:0 0 0 4px rgba(87,190,244,.18),inset 0 1px 0 rgba(255,255,255,.8),0 10px 22px rgba(19,61,92,.14)}
input,select{border:1px solid rgba(255,255,255,.62);background:rgba(255,255,255,.52);box-shadow:inset 0 1px 0 rgba(255,255,255,.78);backdrop-filter:blur(10px)}
.goods,.activity-card{border:1px solid rgba(255,255,255,.58);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.64),rgba(238,250,255,.34));box-shadow:inset 0 1px 0 rgba(255,255,255,.76),0 15px 32px rgba(15,48,83,.15);backdrop-filter:blur(16px) saturate(1.18)}
.goods .pic,.activity-rewards .pic.mini,.pic.mini{border:1px solid rgba(255,255,255,.7);background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(218,246,255,.46));box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 7px 16px rgba(21,83,120,.15)}
.goods h4,.activity-title h4,.activity-card h4{color:#142234;text-shadow:0 1px 0 rgba(255,255,255,.55)}
.price{color:#168bb4}.tag,.chip,.limit,.state{background:rgba(255,255,255,.46);border:1px solid rgba(255,255,255,.56);box-shadow:inset 0 1px 0 rgba(255,255,255,.72)}
.tag.hot{background:rgba(255,238,245,.58);color:#c2446b}.tag.worth{background:rgba(224,248,255,.62);color:#197fa8}.state{background:rgba(226,255,244,.62);color:#159666}.state.expired{background:rgba(242,246,250,.62);color:#6d7d8a}.state.later{background:rgba(227,244,255,.66);color:#287fbe}
.activity-grid{gap:18px}.activity-card{padding:26px 38px 26px}.activity-card.has-rewards{padding:31px 38px 34px}.activity-card:after{color:rgba(255,255,255,.28);text-shadow:0 0 18px rgba(94,215,255,.14)}
.end-badge{background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(220,247,255,.52));border:1px solid rgba(255,255,255,.68);color:#1f82b4;box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 8px 18px rgba(28,102,146,.14);backdrop-filter:blur(12px)}
.end-badge.expired{background:rgba(241,246,250,.58);color:#73818c}.end-badge.later{background:rgba(230,247,255,.62);color:#257fb8}
.activity-time,.activity-rewards{color:#314a5f}.activity-time strong,.activity-rewards strong{color:#18304a}.activity-time span{color:#405a70}.activity-rewards .prize span:last-child{color:#3f6582}
.empty,.subblock{background:rgba(255,255,255,.42);border-color:rgba(255,255,255,.5);backdrop-filter:blur(12px)}
.hero-blue{background:linear-gradient(135deg,rgba(63,151,224,.86),rgba(82,214,191,.72));backdrop-filter:blur(14px)}
@media(max-width:860px){.panel,.home-card,.activity-panel,.goods,.activity-card{backdrop-filter:blur(14px) saturate(1.15)}}
body{background-color:#eaf8ff}
.crest{background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(81,196,240,.46));border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 12px 28px rgba(25,92,135,.18);backdrop-filter:blur(12px);color:#2f8bd8}
/* egg page spacing */
.egg-panel .hero-blue{padding:18px 22px}.egg-panel .hero-blue h2{font-size:24px}.egg-panel .form{padding:16px 18px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 16px;align-items:end}.egg-panel .note{grid-column:1 / -1;min-height:42px;display:flex;align-items:center;padding:9px 12px}.egg-panel .fieldgrid{grid-column:1;display:grid;grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) 150px;gap:12px}.egg-panel .field{gap:6px}.egg-panel .field label{font-size:12px}.egg-panel input,.egg-panel select{height:44px}.egg-panel .actions{grid-column:2;align-self:end;display:flex;gap:8px;flex-wrap:nowrap}.egg-panel .actions .btn{min-width:74px}.egg-panel .results.body{padding:14px 18px 18px}.egg-panel .empty{min-height:64px;padding:14px;border-radius:18px;background:rgba(255,255,255,.34)}.egg-panel + .tools{margin-top:12px}.egg-panel + .tools .small{padding:14px 18px}.egg-panel + .tools h2{font-size:18px}.egg-panel + .tools p{font-size:14px}
@media(max-width:900px){.egg-panel .form{grid-template-columns:1fr}.egg-panel .fieldgrid{grid-column:1;grid-template-columns:1fr 1fr}.egg-panel .actions{grid-column:1}.egg-panel .actions .btn{flex:0 0 auto}.egg-panel .field:last-child{grid-column:1 / -1}}
@media(max-width:640px){.egg-panel .fieldgrid{grid-template-columns:1fr}.egg-panel .actions{display:grid;grid-template-columns:1fr 1fr 1fr}.egg-panel .actions .btn{min-width:0;padding:0 10px}.egg-panel .empty{min-height:54px}.egg-panel .hero-blue h2{font-size:21px}}
/* clock redesign */
#clock{position:relative;min-width:148px;min-height:56px;padding:0 24px 0 52px;border-radius:999px;background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(219,252,244,.52));border:1px solid rgba(255,255,255,.76);color:#129a74;font-family:"Segoe UI",Consolas,"Microsoft YaHei",sans-serif;font-size:22px;font-weight:950;letter-spacing:.5px;box-shadow:inset 0 1px 0 rgba(255,255,255,.92),inset 0 -10px 24px rgba(64,210,182,.1),0 14px 30px rgba(22,97,120,.2);backdrop-filter:blur(18px) saturate(1.3)}
#clock:before{content:"";position:absolute;left:19px;top:50%;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 18%,#6ef1cf 28%,#23b989 68%,#15906c 100%);transform:translateY(-50%);box-shadow:0 0 0 6px rgba(79,222,190,.16),0 0 18px rgba(43,205,160,.46)}
#clock:after{content:"";position:absolute;inset:5px 8px auto 54px;height:16px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.62),rgba(255,255,255,0));pointer-events:none}
@media(max-width:640px){#clock{min-width:136px;min-height:50px;padding-left:46px;font-size:20px}#clock:before{left:17px;width:16px;height:16px}}
/* visible glass star */
.activity-card:after{content:"★";right:72px;top:-30px;font-size:158px;color:rgba(99,190,235,.24);text-shadow:0 0 22px rgba(255,255,255,.55),0 12px 30px rgba(29,113,163,.12);-webkit-text-stroke:1px rgba(255,255,255,.34)}
.activity-card.no-rewards:after{font-size:118px;right:86px;top:-26px;color:rgba(99,190,235,.2)}
@media(max-width:860px){.activity-card:after{right:24px;top:-18px;font-size:112px}.activity-card.no-rewards:after{right:28px;top:-14px;font-size:92px}}
/* mobile background framing */
@media(max-width:860px){body{background-size:100% auto;background-position:center top;background-repeat:repeat-y}body:before{background:linear-gradient(180deg,rgba(240,250,255,.16),rgba(235,248,255,.42) 360px,rgba(235,248,255,.78))}}
@media(max-width:430px){body{background-size:100% auto;background-position:center top}}
/* goods glass star */
.goods{position:relative;overflow:hidden}
.goods>*{position:relative;z-index:1}
.goods:after{content:"★";position:absolute;right:42px;top:-30px;font-size:118px;line-height:1;color:rgba(99,190,235,.18);text-shadow:0 0 18px rgba(255,255,255,.52),0 10px 24px rgba(29,113,163,.1);-webkit-text-stroke:1px rgba(255,255,255,.28);transform:rotate(-22deg);font-family:Georgia,serif;pointer-events:none;z-index:0}
.goods:nth-child(even):after{right:86px;top:-24px;font-size:104px;color:rgba(90,218,180,.16);transform:rotate(18deg)}
.subblock{position:relative;overflow:hidden}.subblock:after{content:"★";position:absolute;right:28px;top:-34px;font-size:120px;color:rgba(255,255,255,.18);text-shadow:0 0 18px rgba(99,190,235,.16);pointer-events:none}
@media(max-width:640px){.goods:after{right:18px;top:-18px;font-size:86px}.goods:nth-child(even):after{right:48px;font-size:78px}.subblock:after{font-size:90px;right:10px}}
/* stable clock width */
#clock{width:174px;min-width:174px;max-width:174px;justify-content:center;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1;white-space:nowrap;text-align:center;padding-right:20px}
#clock:after{left:56px;right:14px}
@media(max-width:640px){#clock{width:158px;min-width:158px;max-width:158px;padding-right:18px}}
/* goods star by state */
.goods.active-goods:after{color:rgba(80,176,245,.22);text-shadow:0 0 18px rgba(255,255,255,.56),0 10px 24px rgba(35,124,190,.14);-webkit-text-stroke:1px rgba(255,255,255,.34)}
.goods.expired-goods:after{color:rgba(69,219,159,.24);text-shadow:0 0 18px rgba(255,255,255,.56),0 10px 24px rgba(30,153,108,.13);-webkit-text-stroke:1px rgba(255,255,255,.34)}
.goods.expired-goods:nth-child(even):after{color:rgba(69,219,159,.2)}
.goods.active-goods:nth-child(even):after{color:rgba(80,176,245,.18)}
/* merchant logo image */
.crest img{width:42px;height:42px;object-fit:contain;display:block;filter:drop-shadow(0 2px 0 rgba(255,255,255,.35))}
.crest svg{display:none}
@media(max-width:640px){.crest img{width:38px;height:38px}}
/* enlarged white merchant logo */
.crest img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 2px 0 rgba(255,255,255,.22)) drop-shadow(0 5px 10px rgba(15,35,55,.14))}
@media(max-width:640px){.crest img{width:50px;height:50px}}
/* clean merchant logo */
.crest img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 2px 0 rgba(255,255,255,.28)) drop-shadow(0 6px 12px rgba(15,35,55,.16))}
@media(max-width:640px){.crest img{width:52px;height:52px}}
/* large header logo */
.crest{width:78px;height:78px;border-radius:24px;flex:0 0 78px}
.crest img{width:70px;height:70px;object-fit:contain}
.brand{align-items:center;gap:12px}
@media(max-width:640px){.crest{width:68px;height:68px;border-radius:22px;flex-basis:68px}.crest img{width:62px;height:62px}.brand{gap:10px}}
/* centered merchant logo */
.crest{display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0}
.crest img{width:72px;height:72px;object-fit:contain;object-position:center center;transform:translate(0,0);transform-origin:center center;display:block;margin:0 auto}
@media(max-width:640px){.crest img{width:64px;height:64px}}
/* final merchant logo */
.crest{width:78px;height:78px;flex:0 0 78px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0;border-radius:24px}
.crest img{width:70px;height:70px;display:block;margin:0;object-fit:contain;object-position:center center;transform:none;filter:drop-shadow(0 2px 0 rgba(255,255,255,.28)) drop-shadow(0 6px 12px rgba(15,35,55,.16))}
@media(max-width:640px){.crest{width:68px;height:68px;flex-basis:68px;border-radius:22px}.crest img{width:62px;height:62px}}
/* merchant countdown pill */
#merchantList .sectionline .pill{min-height:40px;padding:0 20px;border-radius:999px;font-size:17px;font-weight:950;color:#07936f;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(214,255,244,.58));border:1px solid rgba(255,255,255,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 22px rgba(21,130,103,.16);backdrop-filter:blur(14px) saturate(1.25)}
@media(max-width:640px){#merchantList .sectionline .pill{min-height:36px;font-size:15px;padding:0 15px}}
/* truly centered merchant logo */
.crest{width:78px;height:78px;flex:0 0 78px;display:grid;place-items:center;overflow:hidden;padding:0;border-radius:24px}
.crest img{width:66px;height:66px;display:block;margin:0;object-fit:contain;object-position:center center;transform:none;filter:drop-shadow(0 2px 0 rgba(255,255,255,.28)) drop-shadow(0 6px 12px rgba(15,35,55,.16))}
@media(max-width:640px){.crest{width:68px;height:68px;flex-basis:68px;border-radius:22px}.crest img{width:58px;height:58px}}
/* egg history actions */
.history-list{display:grid;gap:10px}.history-card{cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.history-card:hover{transform:translateY(-1px);border-color:rgba(78,177,235,.72);background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(230,249,255,.42))}.history-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end}.delete-history{min-height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.62);background:rgba(255,238,245,.58);color:#c2446b;font-weight:950;box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 6px 14px rgba(156,48,85,.12)}.delete-history:hover{background:rgba(255,225,236,.8)}.history-card .score{min-width:auto;color:#2f8bd8;font-size:26px;line-height:1}
@media(max-width:640px){.history-actions{grid-column:2;justify-content:flex-start}.delete-history{min-height:32px;padding:0 10px}.history-card .score{font-size:22px}}
/* direct merchant logo */
.crest{width:78px;height:78px;flex:0 0 78px;display:grid;place-items:center;overflow:hidden;padding:0;border-radius:24px}
.crest img{width:74px;height:74px;display:block;margin:0;object-fit:contain;object-position:center center;transform:none;filter:none}
@media(max-width:640px){.crest{width:68px;height:68px;flex-basis:68px;border-radius:22px}.crest img{width:64px;height:64px}}
/* fill merchant logo frame */
.crest img{width:106px;height:106px;max-width:none;max-height:none;object-fit:contain;object-position:center center;transform:none;filter:none}
@media(max-width:640px){.crest img{width:92px;height:92px}}
/* frame-fit merchant logo */
.crest img{width:100px;height:100px;max-width:none;max-height:none;object-fit:contain;object-position:center center;transform:translateY(-9px);filter:none}
@media(max-width:640px){.crest img{width:88px;height:88px;transform:translateY(-7px)}}
/* mobile egg entry button */
@media(max-width:640px){.home-card .btn{width:min(100%,260px);min-height:48px;margin:4px auto 0;border-radius:999px;font-size:16px}.home-card{align-items:stretch}.home-card>div{text-align:left}.home-card>a{align-self:center}}
/* 18183 partner logo */
.partner-logo{width:172px;height:104px;border-radius:22px;display:grid;place-items:center;overflow:visible;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 12px 26px rgba(20,60,94,.16);backdrop-filter:blur(14px) saturate(1.15);padding:8px}
.partner-logo img{width:100%;height:100%;object-fit:contain;object-position:center center;transform:none;display:block}
@media(max-width:860px){.actions{width:100%;justify-content:center;align-items:center}.partner-logo{order:-1;width:178px;height:108px;margin:2px auto 4px}.partner-logo img{width:100%;height:100%;transform:none}}
@media(max-width:640px){.partner-logo{width:164px;height:100px;border-radius:20px}.actions{gap:10px}.top{gap:12px}}
/* final readability polish */
body:before{background:linear-gradient(180deg,rgba(16,28,42,.28),rgba(24,36,48,.52) 360px,rgba(238,244,247,.9)) !important}
@media(max-width:860px){body:before{background:linear-gradient(180deg,rgba(18,28,46,.34),rgba(26,36,52,.54) 340px,rgba(238,244,247,.88)) !important}}
.panel,.home-card,.activity-panel{background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(245,252,255,.48)) !important}
.activity-rewards .prize-row{align-items:flex-start;gap:14px 16px}
.activity-rewards .prize{width:118px;min-width:96px;line-height:1.28;white-space:normal;word-break:keep-all;overflow-wrap:anywhere;text-align:center}
.activity-rewards .prize span:last-child{display:block;min-height:34px;max-width:100%}
.activity-rewards .pic.mini{margin:0 auto 6px}
@media(max-width:640px){.activity-rewards .prize-row{gap:12px}.activity-rewards .prize{width:100px;min-width:88px;font-size:12px}.activity-rewards .prize span:last-child{min-height:32px}}
/* reward name no clipping */
.activity-rewards .prize span:last-child{overflow:visible !important;text-overflow:clip !important;white-space:normal !important;overflow-wrap:anywhere;word-break:keep-all}

/* final 4399-style warm glass cartoon skin */
:root{--ink:#332211;--muted:#7a6040;--line:rgba(216,165,82,.48);--blue:#f4a52b;--blue2:rgba(255,238,178,.68);--green:#e99320;--green2:rgba(255,242,193,.72);--gold:#c66b12;--gold2:rgba(255,232,158,.78);--red:#c85b2b;--red2:rgba(255,220,190,.82);--shadow:0 18px 44px rgba(98,59,12,.2)}
body{color:var(--ink);background-color:#f8dfaa !important}
body:before{background:linear-gradient(180deg,rgba(76,45,12,.24),rgba(126,82,24,.42) 330px,rgba(255,237,196,.9) 760px,rgba(255,241,207,.96)) !important}
.top{align-items:center}
.brand h1,.top h1{color:#2c1a09;text-shadow:0 2px 0 rgba(255,242,194,.76),0 10px 24px rgba(86,48,9,.18)}
.brand p,.top p,.home-card p,.meta,.count,.activity-time span{color:#6f5637}
.crest{background:linear-gradient(145deg,rgba(255,245,205,.84),rgba(255,196,70,.54));border:2px solid rgba(255,246,210,.84);box-shadow:inset 0 2px 0 rgba(255,255,255,.85),0 7px 0 rgba(178,123,40,.16),0 18px 34px rgba(88,54,15,.18)}
.panel,.home-card,.activity-panel,.small{border:2px solid rgba(214,166,93,.62) !important;border-radius:28px !important;background:linear-gradient(145deg,rgba(255,250,232,.72),rgba(255,232,168,.38)) !important;box-shadow:inset 0 2px 0 rgba(255,255,255,.82),inset 0 -18px 38px rgba(255,199,81,.08),0 7px 0 rgba(178,123,40,.14),0 22px 46px rgba(92,58,18,.18) !important;backdrop-filter:blur(18px) saturate(1.18)}
.head,.activity-panel .head{background:linear-gradient(180deg,rgba(255,249,226,.76),rgba(255,230,163,.42)) !important;border-bottom:1px solid rgba(214,166,93,.52) !important;padding:18px 22px}
.body,.form,.statusbar,.filters,.activity-panel .body{background:rgba(255,244,212,.3) !important;border-color:rgba(214,166,93,.42) !important}
.title i,.activity-panel .title i,.activity-card:before{background:linear-gradient(180deg,#ffc956,#f19a21) !important;box-shadow:0 0 0 4px rgba(255,219,125,.22),0 3px 0 rgba(155,92,20,.18) !important}
.title h2,.activity-panel .title h2,.sectionline h3,.home-card h2,.small h2{color:#2b1807;text-shadow:0 1px 0 rgba(255,247,222,.78)}
.btn,.tab.active,.activity-panel .tab.active{background:linear-gradient(180deg,#ffe28a,#f6a72a) !important;border:1px solid rgba(191,112,24,.36) !important;color:#5b3100 !important;box-shadow:inset 0 2px 0 rgba(255,255,255,.7),0 5px 0 rgba(177,106,22,.2),0 14px 24px rgba(175,101,18,.2) !important;text-shadow:0 1px 0 rgba(255,239,180,.72)}
.btn.ghost,.tab,.activity-panel .tab{background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,237,185,.45)) !important;border:1px solid rgba(214,166,93,.48) !important;color:#7a4a14 !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 5px 14px rgba(126,80,24,.1) !important}
input,select{border:1px solid rgba(214,166,93,.58);background:rgba(255,252,240,.76);color:#3b2410;box-shadow:inset 0 2px 6px rgba(127,78,20,.06)}
input:focus,select:focus{border-color:#f0a72f;box-shadow:0 0 0 4px rgba(255,204,90,.26)}
.slot,.goods,.activity-card,.result,.empty,.subblock,.note{border:1px solid rgba(214,166,93,.5) !important;border-radius:22px !important;background:linear-gradient(145deg,rgba(255,255,250,.72),rgba(255,236,178,.38)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 10px 24px rgba(98,59,12,.12) !important}
.slot{min-height:98px}
.slot:after{height:5px;background:rgba(214,166,93,.35)}
.slot.active,.slot.selected{border-color:rgba(239,156,40,.72) !important;background:linear-gradient(145deg,rgba(255,249,220,.86),rgba(255,218,118,.5)) !important}
.slot.active:after,.slot.selected:after{background:linear-gradient(90deg,#ffca59,#f39a20)}
.slot strong,.goods h4,.activity-card h4,.result h3{color:#2d1908}
.pic,.pic.mini,.rank{background:linear-gradient(145deg,rgba(255,252,238,.84),rgba(255,226,153,.56));border:1px solid rgba(214,166,93,.56);box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 8px 18px rgba(121,75,21,.1)}
.price,.score{color:#b9600b}
.limit,.state,.pill,#merchantList .sectionline .pill{background:linear-gradient(145deg,rgba(255,249,221,.86),rgba(255,220,124,.58)) !important;border:1px solid rgba(213,145,42,.42) !important;color:#9b5a0c !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.76),0 8px 18px rgba(142,83,18,.14) !important}
.state.expired{background:linear-gradient(145deg,rgba(239,255,230,.74),rgba(197,238,177,.52)) !important;color:#3e8a37 !important}
.tag,.chip{background:rgba(255,238,178,.72);color:#8d5511;border:1px solid rgba(214,166,93,.3)}
.tag.hot{background:rgba(255,224,195,.82);color:#be5621}.tag.worth,.chip.warn{background:rgba(255,232,147,.82);color:#a65e08}
#clock{background:linear-gradient(145deg,rgba(255,252,226,.92),rgba(255,218,124,.7)) !important;border:1px solid rgba(214,166,93,.48) !important;color:#9b5a0c !important;box-shadow:inset 0 2px 0 rgba(255,255,255,.82),0 5px 0 rgba(177,106,22,.16),0 14px 26px rgba(121,75,21,.18) !important}
#clock:before{background:radial-gradient(circle at 35% 30%,#fff 0 18%,#ffe78c 30%,#f6a52b 72%,#c96b10 100%);box-shadow:0 0 0 6px rgba(255,211,87,.22),0 0 18px rgba(244,158,35,.42)}
#clock:after{background:linear-gradient(90deg,rgba(255,255,255,.66),rgba(255,255,255,0))}
.hero-blue{background:linear-gradient(135deg,rgba(255,209,91,.94),rgba(239,143,35,.9)) !important;color:#4d2800;border-bottom:1px solid rgba(178,106,22,.3)}
.hero-blue p{color:#6a410e}
.activity-card:after,.goods:after,.subblock:after{color:rgba(255,205,84,.3) !important;text-shadow:0 0 20px rgba(255,255,255,.62),0 12px 26px rgba(181,107,18,.12) !important;-webkit-text-stroke:1px rgba(255,255,255,.42)}
.goods.expired-goods:after{color:rgba(139,214,98,.24) !important}
.partner-logo{background:linear-gradient(145deg,rgba(255,249,226,.62),rgba(255,224,142,.35));border:1px solid rgba(214,166,93,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 12px 26px rgba(98,59,12,.15)}
@media(max-width:640px){body:before{background:linear-gradient(180deg,rgba(76,45,12,.18),rgba(134,88,28,.34) 300px,rgba(255,239,204,.92) 680px) !important}.panel,.home-card,.activity-panel,.small{border-radius:24px !important}.slot{min-height:86px}}

/* frameless partner logo */
.partner-logo{background:transparent !important;border:0 !important;box-shadow:none !important;backdrop-filter:none !important;padding:0 !important;border-radius:0 !important;overflow:visible !important}
.partner-logo img{width:100% !important;height:100% !important;object-fit:contain !important;display:block}

/* denser warm glass opacity */
.panel,.home-card,.activity-panel,.small{background:linear-gradient(145deg,rgba(255,252,240,.86),rgba(255,232,168,.64)) !important;box-shadow:inset 0 2px 0 rgba(255,255,255,.88),inset 0 -18px 38px rgba(255,199,81,.12),0 7px 0 rgba(178,123,40,.16),0 22px 46px rgba(92,58,18,.2) !important}
.head,.activity-panel .head{background:linear-gradient(180deg,rgba(255,250,232,.9),rgba(255,229,158,.66)) !important}
.body,.form,.statusbar,.filters,.activity-panel .body{background:rgba(255,244,212,.56) !important}
.slot,.goods,.activity-card,.result,.empty,.subblock,.note{background:linear-gradient(145deg,rgba(255,255,248,.88),rgba(255,236,178,.64)) !important}
@media(max-width:640px){.panel,.home-card,.activity-panel,.small{background:linear-gradient(145deg,rgba(255,252,240,.9),rgba(255,232,168,.7)) !important}.slot,.goods,.activity-card,.result,.empty,.subblock,.note{background:linear-gradient(145deg,rgba(255,255,248,.9),rgba(255,236,178,.7)) !important}}

/* readable hero subtitle */
.brand p,.top p{color:#fff !important;font-weight:800;text-shadow:0 2px 4px rgba(48,28,8,.72),0 0 12px rgba(48,28,8,.42)}