.eyebrow{display:block;color:var(--cyan);font:600 11px/1.4 Orbitron,sans-serif;letter-spacing:.16em;margin-bottom:7px}
.store-favorite-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.store-favorite-card{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(12,19,35,.94),rgba(7,11,22,.94))}
.store-favorite-card .actions{grid-column:1/-1}.store-favorite-mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(48,214,255,.3);border-radius:15px;background:rgba(48,214,255,.08);color:var(--cyan);font-size:22px}.store-favorite-card h3{margin:3px 0 6px}
.notification-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 28px;border:1px solid rgba(48,214,255,.22);border-radius:22px;background:radial-gradient(circle at 85% 20%,rgba(48,214,255,.15),transparent 34%),linear-gradient(135deg,rgba(13,25,48,.96),rgba(7,10,20,.96));overflow:hidden}
.notification-hero h2{margin:0 0 7px;font-size:23px}.notification-hero p{margin:0;color:var(--muted)}.notification-unread{display:flex;flex-direction:column;align-items:center;min-width:110px;padding:15px 18px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(0,0,0,.18)}.notification-unread strong{color:var(--cyan);font:700 30px/1 Orbitron,sans-serif}.notification-unread span{margin-top:5px;color:var(--muted);font-size:12px}
.notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.notification-filters{display:flex;gap:7px;flex-wrap:wrap}.notification-filters a{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);text-decoration:none;font-size:13px}.notification-filters a span{display:grid;min-width:20px;height:20px;padding:0 5px;place-items:center;border-radius:99px;background:rgba(255,255,255,.07);font-size:11px}.notification-filters a.active{border-color:rgba(48,214,255,.5);background:rgba(48,214,255,.1);color:var(--cyan)}
.notification-stream{display:grid;gap:12px}.notification-card{position:relative;display:grid;grid-template-columns:auto 1fr;gap:15px;padding:19px 20px;border:1px solid var(--line);border-radius:18px;background:rgba(9,14,27,.85)}.notification-card.unread{border-color:rgba(48,214,255,.3);background:linear-gradient(100deg,rgba(48,214,255,.07),rgba(9,14,27,.9))}.notification-card.unread:before{content:'';position:absolute;left:-4px;top:24px;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
.notification-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);font:700 18px/1 Orbitron;color:var(--cyan)}.notification-icon.promotion{color:#f0b44c;background:rgba(240,180,76,.08)}.notification-icon.system{color:#b795ff;background:rgba(183,149,255,.08)}.notification-content{min-width:0}.notification-heading{display:flex;justify-content:space-between;gap:16px}.notification-heading h3{margin:3px 0 0;font-size:16px}.notification-heading time{white-space:nowrap;color:var(--muted);font-size:12px}.notification-type{color:var(--cyan);font-size:11px;letter-spacing:.08em}.notification-content p{margin:10px 0;color:#d7e1f3;line-height:1.7}
.notification-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:24px}.notification-actions form{margin:0}.notice-read-button{padding:0;border:0;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:12px}.notice-read-button:hover{color:var(--cyan)}.notice-read-state{color:#63809a;font-size:12px}.notification-empty{padding:50px 20px;text-align:center;border:1px dashed var(--line);border-radius:18px;color:var(--muted)}.notification-empty>span{font-size:32px;color:var(--cyan)}.notification-empty h3{color:var(--text);margin:10px 0 5px}.notification-empty p{margin:0}
.point-topup-panel{background:radial-gradient(circle at 92% 10%,rgba(183,149,255,.14),transparent 30%),var(--panel)}.topup-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.topup-presets button{padding:13px 9px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.03);color:var(--text);cursor:pointer;font:600 14px/1.3 inherit}.topup-presets button:hover{border-color:var(--cyan);background:rgba(48,214,255,.08)}.topup-presets small{display:block;margin-top:4px;color:var(--muted);font-size:11px}
.member-language{display:flex;flex-wrap:wrap;gap:5px;padding:12px 4px}.member-language a{padding:4px 7px;border:1px solid transparent;border-radius:999px;color:var(--muted);text-decoration:none;font:600 10px/1.2 Orbitron,sans-serif}.member-language a:hover,.member-language a.active{border-color:rgba(48,214,255,.35);background:rgba(48,214,255,.08);color:var(--cyan)}.member-auth-tools{display:flex;align-items:center;gap:14px}.member-auth-tools .member-language{padding:0}
.member-identity{border-left:3px solid rgba(131,161,189,.75)}.member-identity.level-silver{border-color:#70dfff}.member-identity.level-gold{border-color:#ffbf47}.member-identity.level-platinum{border-color:#b68cff}.member-identity.level-diamond{border-color:#57f0ff;box-shadow:-8px 0 20px rgba(87,240,255,.08)}
.member-level-showcase{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(260px,.75fr);min-height:285px;overflow:hidden;border:1px solid color-mix(in srgb,var(--level-color) 40%,transparent);border-radius:24px;background:radial-gradient(circle at 78% 42%,color-mix(in srgb,var(--level-color) 18%,transparent),transparent 34%),linear-gradient(135deg,rgba(12,20,38,.98),rgba(6,9,18,.98))}.member-level-showcase:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 48%,color-mix(in srgb,var(--level-color) 7%,transparent) 48% 49%,transparent 49%);pointer-events:none}.member-level-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:34px}.member-level-title span{color:var(--muted);font-size:13px}.member-level-title h2{margin:5px 0 8px;color:var(--level-color);font:700 clamp(32px,5vw,54px)/1 Orbitron,'Noto Sans TC',sans-serif;text-shadow:0 0 28px color-mix(in srgb,var(--level-color) 42%,transparent)}.member-level-copy p{margin:5px 0 17px;color:#c5d0e1}.level-progress{height:7px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08)}.level-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--level-color) 55%,#fff),var(--level-color));box-shadow:0 0 16px var(--level-color)}.level-progress-meta{display:flex;justify-content:space-between;gap:15px;margin-top:8px;color:var(--muted);font-size:11px}.member-level-visual{position:relative;min-height:285px}.member-level-visual canvas{display:block;width:100%;height:100%}.member-level-fallback{position:absolute;inset:0;display:grid;place-items:center;color:var(--level-color);font-size:96px;text-shadow:0 0 50px var(--level-color)}.member-level-visual.webgl-ready .member-level-fallback{display:none}
.member-tier-ladder{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:16px}.member-tier-card{position:relative;display:flex;min-width:0;flex-direction:column;gap:5px;padding:16px 13px;overflow:hidden;border:1px solid color-mix(in srgb,var(--level-color) 28%,var(--line));border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--level-color) 8%,transparent),rgba(255,255,255,.015))}.member-tier-card.active{border-color:var(--level-color);box-shadow:inset 0 0 22px color-mix(in srgb,var(--level-color) 8%,transparent),0 0 18px color-mix(in srgb,var(--level-color) 9%,transparent)}.member-tier-card .tier-symbol{position:absolute;right:9px;top:7px;color:var(--level-color);font-size:22px;opacity:.55}.member-tier-card strong{color:var(--level-color);font-size:15px}.member-tier-card small{color:var(--muted);line-height:1.45}
.member-tier-panel{overflow:hidden;background:radial-gradient(circle at 50% 0,rgba(48,214,255,.055),transparent 42%),var(--panel)}.member-tier-panel>.panel-title{align-items:flex-end}.member-tier-ladder{align-items:stretch;gap:12px}.member-tier-card{isolation:isolate;display:block;min-height:315px;padding:0;border-color:color-mix(in srgb,var(--level-color) 34%,var(--line));border-radius:18px;background:#090e18;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.member-tier-card:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--level-color) 15%,transparent),transparent 43%),linear-gradient(160deg,color-mix(in srgb,var(--level-color) 6%,transparent),transparent 52%);pointer-events:none}.member-tier-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--level-color) 72%,transparent)}.member-tier-card.active{border-color:var(--level-color);box-shadow:inset 0 0 30px color-mix(in srgb,var(--level-color) 7%,transparent),0 0 22px color-mix(in srgb,var(--level-color) 15%,transparent)}
.tier-card-visual{position:relative;height:185px;overflow:hidden;border-bottom:1px solid color-mix(in srgb,var(--level-color) 22%,var(--line));background:radial-gradient(circle at 50% 52%,color-mix(in srgb,var(--level-color) 11%,transparent),transparent 55%)}.tier-card-visual canvas{position:relative;z-index:2;display:block;width:100%;height:100%}.tier-card-fallback{position:absolute;z-index:1;left:8%;right:8%;top:50%;display:flex;aspect-ratio:1.6;min-height:0;flex-direction:column;justify-content:space-between;padding:14px;border:1px solid var(--level-color);border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--level-color) 20%,#101721),#080d14);color:#f5f8fa;opacity:.88;transform:translateY(-50%) rotate(-2deg);box-shadow:0 12px 28px rgba(0,0,0,.35),inset 0 0 22px color-mix(in srgb,var(--level-color) 10%,transparent);text-shadow:none}.tier-card-fallback i{color:var(--level-color);font:700 10px/1 Orbitron,sans-serif;letter-spacing:.12em}.tier-card-fallback b{color:#fff;font:700 18px/1.1 Orbitron,'Noto Sans TC',sans-serif}.tier-card-fallback small{color:var(--level-color);font:600 9px/1 Orbitron,sans-serif;letter-spacing:.14em}.member-tier-card.level-gold .tier-card-fallback{background:linear-gradient(145deg,#5e3b09,#171006)}.member-tier-card.level-platinum .tier-card-fallback{background:linear-gradient(145deg,#4a326b,#130d20)}.member-tier-card.level-diamond .tier-card-fallback{background:linear-gradient(145deg,#07546a,#06131b)}.tier-card-visual.webgl-ready .tier-card-fallback{display:none}.tier-current-badge{position:absolute;z-index:4;top:10px;left:10px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--level-color) 65%,transparent);border-radius:999px;background:rgba(5,8,15,.78);color:var(--level-color);font-size:10px;font-weight:700;backdrop-filter:blur(6px)}
.tier-card-content{display:flex;flex-direction:column;gap:6px;padding:16px}.tier-card-content strong{color:var(--level-color);font:700 18px/1.2 Orbitron,'Noto Sans TC',sans-serif;text-shadow:0 0 18px color-mix(in srgb,var(--level-color) 26%,transparent)}.tier-card-content small{color:var(--muted);font-size:11px;line-height:1.45}.tier-card-progress{padding:0 16px 16px}.tier-card-progress .level-progress-meta{align-items:flex-start;flex-direction:column;gap:4px}.tier-card-progress .level-progress-meta span:last-child{color:var(--level-color)}
.member-tier-card.level-normal{background:linear-gradient(165deg,#111a24,#080d14 62%)}.member-tier-card.level-normal .tier-card-visual{filter:saturate(.68)}.member-tier-card.level-silver{background:linear-gradient(165deg,#10212c,#081018 62%)}.member-tier-card.level-silver:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.08) 46%,transparent 62%);pointer-events:none}.member-tier-card.level-gold{background:linear-gradient(165deg,#291e0d,#100d08 62%)}.member-tier-card.level-gold .tier-card-visual{background:radial-gradient(circle at 50% 50%,rgba(255,191,71,.18),transparent 57%)}.member-tier-card.level-platinum{background:linear-gradient(165deg,#21172f,#0d0915 62%)}.member-tier-card.level-platinum:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 24px,rgba(182,140,255,.025) 25px 26px);pointer-events:none}.member-tier-card.level-diamond{background:linear-gradient(165deg,#092833,#071016 62%)}.member-tier-card.level-diamond:after{content:'';position:absolute;inset:-80% -40%;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.13) 49%,transparent 56%);transform:translateX(-30%);animation:tierDiamondShine 5s ease-in-out infinite;pointer-events:none}@keyframes tierDiamondShine{0%,35%{transform:translateX(-32%)}70%,100%{transform:translateX(32%)}}
.topup-breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0 18px}.topup-breakdown div{padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.topup-breakdown span{display:block;color:var(--muted);font-size:11px}.topup-breakdown strong{display:block;margin-top:4px;color:var(--text);font:600 15px/1.3 Orbitron,sans-serif}.topup-breakdown div:nth-child(2) strong{color:#f2b95e}.topup-breakdown div:nth-child(3) strong{color:var(--cyan)}
@media(max-width:760px){.store-favorite-grid{grid-template-columns:1fr}.notification-hero{padding:21px}.notification-toolbar{align-items:flex-start;flex-direction:column}.notification-card{padding:16px}.notification-heading{flex-direction:column;gap:4px}.topup-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.notification-hero{align-items:flex-start}.notification-unread{min-width:78px;padding:12px}.notification-unread strong{font-size:24px}.notification-card{grid-template-columns:1fr}.notification-icon{width:38px;height:38px}}
@media(max-width:900px){.member-tier-ladder{grid-template-columns:repeat(2,minmax(0,1fr))}.member-level-showcase{grid-template-columns:1fr minmax(200px,.65fr)}}
@media(max-width:620px){.member-auth-tools{align-items:flex-end;flex-direction:column;gap:4px}.member-level-showcase{grid-template-columns:1fr}.member-level-copy{padding:25px 22px 5px}.member-level-visual{min-height:220px}.member-tier-ladder{grid-template-columns:1fr}.topup-breakdown{grid-template-columns:1fr}.level-progress-meta{align-items:flex-start;flex-direction:column;gap:5px}}
@media(max-width:620px){.member-tier-panel{padding:17px}.member-tier-panel>.panel-title{align-items:flex-start;flex-direction:column}.member-tier-card{min-height:0}.tier-card-visual{height:190px}.member-tier-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.member-tier-card.level-diamond:after{animation:none}.member-tier-card{transition:none}}