/* Muse Quest public pages - compact layout refresh */
:root {
  --mq-bg:#050712; --mq-bg-2:#091023; --mq-surface:rgba(12,18,36,.82); --mq-surface-2:rgba(18,27,54,.72);
  --mq-line:rgba(255,255,255,.12); --mq-line-strong:rgba(255,255,255,.22); --mq-text:#f3f7ff; --mq-muted:#aab8d6; --mq-soft:#7482a3;
  --mq-gold:#ffc857; --mq-gold-2:#ffe2a6; --mq-cyan:#4ecdc4; --mq-violet:#a56cc1; --mq-red:#ff6b6b;
  --mq-radius-xl:32px; --mq-radius-lg:24px; --mq-radius-md:18px; --mq-shadow:0 24px 70px rgba(0,0,0,.46); --mq-shadow-soft:0 16px 42px rgba(0,0,0,.28);
  font-family:'Nunito','Noto Sans TC',system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
}
*{box-sizing:border-box} html{min-height:100%;background:var(--mq-bg);color:var(--mq-text);scroll-behavior:smooth} body{margin:0;min-height:100vh;color:var(--mq-text);background:radial-gradient(circle at 12% 10%,rgba(78,205,196,.22),transparent 28rem),radial-gradient(circle at 86% 0%,rgba(255,200,87,.20),transparent 30rem),radial-gradient(circle at 55% 110%,rgba(165,108,193,.24),transparent 34rem),linear-gradient(145deg,#050712 0%,#0a1024 58%,#060813 100%);overflow-x:hidden} body:before{content:'';position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(circle at 50% 0%,black,transparent 72%)}
a{color:inherit}.public-shell{width:min(1160px,calc(100% - 32px));margin:0 auto;padding:22px 0 54px;position:relative}.public-nav{position:sticky;top:12px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border:1px solid var(--mq-line);border-radius:22px;background:rgba(8,12,26,.74);backdrop-filter:blur(18px);box-shadow:var(--mq-shadow-soft)}.brand-lockup{display:inline-flex;align-items:center;gap:12px;min-width:220px;text-decoration:none}.brand-mark{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,200,87,.95),rgba(78,205,196,.74));color:#10172f;font-family:'Orbitron',sans-serif;font-size:14px;font-weight:900;letter-spacing:.08em;box-shadow:0 0 30px rgba(255,200,87,.18),inset 0 1px 0 rgba(255,255,255,.45)}.brand-copy strong{display:block;font-size:14px;letter-spacing:.14em;text-transform:uppercase}.brand-copy span{display:block;margin-top:3px;color:var(--mq-muted);font-size:12px}.nav-links{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.nav-links a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 12px;border-radius:999px;color:var(--mq-muted);text-decoration:none;font-size:13px;font-weight:900;border:1px solid transparent}.nav-links a:hover,.nav-links a:focus-visible{color:var(--mq-text);border-color:var(--mq-line);background:rgba(255,255,255,.055);outline:none}.nav-links .primary-link{color:#10172f;background:linear-gradient(135deg,var(--mq-gold),var(--mq-gold-2));border-color:rgba(255,200,87,.75);box-shadow:0 10px 24px rgba(255,200,87,.12)}
.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:24px;align-items:start;padding:56px 0 28px}.hero-card,.content-card,.mini-card,.side-card,.overview-card,.quest-rail-card,.mq-public-ad-card{border:1px solid var(--mq-line);border-radius:var(--mq-radius-xl);background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.038));box-shadow:var(--mq-shadow);position:relative;overflow:hidden}.hero-card:before,.content-card:before,.mini-card:before,.side-card:before,.overview-card:before,.quest-rail-card:before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 34%,rgba(78,205,196,.08));opacity:.68}.hero-main{padding:clamp(30px,5vw,62px);min-height:0;display:flex;flex-direction:column;justify-content:center;gap:24px}.hero-stage-copy{display:grid;gap:14px}.hero-stage-kicker{color:var(--mq-gold);font-size:13px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.eyebrow{display:inline-flex;width:fit-content;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(78,205,196,.12);border:1px solid rgba(78,205,196,.30);color:#ddfffb;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before{content:'';width:7px;height:7px;border-radius:999px;background:var(--mq-cyan);box-shadow:0 0 14px var(--mq-cyan)}h1{margin:8px 0 8px;font-size:clamp(42px,7vw,82px);line-height:.92;letter-spacing:-.07em;max-width:10ch}h2{margin:0 0 14px;font-size:clamp(26px,4vw,42px);line-height:1.05;letter-spacing:-.035em}h3{margin:0 0 10px;font-size:20px}p,li{color:var(--mq-muted);line-height:1.76;font-size:15.5px}.lead{color:#dce8ff;font-size:clamp(17px,2vw,20px);max-width:64ch}.hero-actions,.action-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border-radius:16px;border:1px solid var(--mq-line);color:var(--mq-text);text-decoration:none;font-weight:900;background:rgba(255,255,255,.065)}.btn.primary{color:#10172f;background:linear-gradient(135deg,var(--mq-gold),var(--mq-gold-2));border-color:rgba(255,200,87,.78);box-shadow:0 16px 32px rgba(255,200,87,.14)}.btn.secondary{color:#dffffb;background:rgba(78,205,196,.12);border-color:rgba(78,205,196,.32)}
.preview-panel{padding:18px;display:grid;gap:14px}.preview-phone{min-height:100%;border-radius:30px;padding:18px;background:linear-gradient(180deg,rgba(0,0,0,.30),rgba(0,0,0,.12));border:1px solid var(--mq-line);display:grid;gap:14px}.commercial-card{padding:18px;border-radius:24px;border:1px solid var(--mq-line);background:rgba(255,255,255,.055)}.commercial-card.highlight{background:linear-gradient(135deg,rgba(255,200,87,.18),rgba(78,205,196,.10));border-color:rgba(255,200,87,.30)}.kicker{color:var(--mq-soft);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat{padding:16px;border-radius:20px;border:1px solid var(--mq-line);background:rgba(255,255,255,.055)}.stat strong{display:block;color:var(--mq-gold);font-size:26px;line-height:1}.stat span{display:block;margin-top:6px;color:var(--mq-muted);font-size:13px;line-height:1.4}.trust-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:0}.trust-strip span{padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);color:var(--mq-muted);background:rgba(255,255,255,.055);font-size:12px;font-weight:900}.hero-rhythm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hero-rhythm-card{padding:16px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05)}.hero-rhythm-card span{display:block;color:var(--mq-cyan);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}.hero-rhythm-card strong{display:block;color:#fff;font-size:18px;margin-bottom:6px}.hero-rhythm-card p{margin:0;font-size:13px;line-height:1.65}.portal-phone{gap:16px}.portal-flow{display:grid;gap:10px}.portal-flow-step{padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04)}.portal-flow-step span{display:inline-flex;margin-bottom:8px;color:#10172f;background:linear-gradient(135deg,var(--mq-gold),var(--mq-gold-2));border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}.portal-flow-step strong{display:block;color:#fff;font-size:16px;margin-bottom:4px}.portal-flow-step p{margin:0;font-size:13px;line-height:1.62}
.page-hero{padding:44px 0 22px}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:22px;align-items:start;padding:24px 0 0}.content-card{padding:clamp(24px,4vw,48px)}.content-card h1{max-width:12ch;font-size:clamp(36px,6vw,66px)}.side-card{position:sticky;top:104px;padding:18px;background:rgba(12,18,36,.76)}.side-card strong{display:block;margin-bottom:10px}.side-card a{display:block;padding:12px 0;color:var(--mq-muted);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.075);font-weight:800}.side-card a:last-child{border-bottom:none}.policy-meta{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 24px}.pill{display:inline-flex;padding:7px 11px;border-radius:999px;border:1px solid var(--mq-line);background:rgba(255,255,255,.055);color:var(--mq-muted);font-size:12px;font-weight:900}.notice{margin:20px 0 0;padding:15px 16px;border-radius:18px;border:1px solid rgba(255,200,87,.30);background:rgba(255,200,87,.10);color:#ffe6a8}.notice p{margin:0;color:#ffe6a8}.contact-box{display:grid;gap:12px;margin-top:20px}.contact-row{padding:16px;border-radius:18px;border:1px solid var(--mq-line);background:rgba(255,255,255,.055)}.contact-row span{display:block;color:var(--mq-soft);font-size:13px;margin-bottom:5px;font-weight:900}.policy-table{display:grid;gap:8px;margin-top:18px}.policy-row{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:12px;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045)}.policy-row.head{color:#fff;font-weight:900;background:rgba(78,205,196,.10)}.legal-longform h2{margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}ul{padding-left:22px}hr{border:0;border-top:1px solid var(--mq-line);margin:30px 0}
.overview-layout{display:grid;gap:24px;padding:48px 0}.overview-header{padding:32px;border-radius:var(--mq-radius-xl);border:1px solid var(--mq-line);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));box-shadow:var(--mq-shadow-soft)}.overview-header p{margin:0;max-width:76ch}.overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.overview-card{padding:32px;min-width:0}.overview-card-wide{grid-column:1/-1}.overview-card-desc{margin:0 0 20px}.quest-layout{gap:24px}.quest-header{text-align:left}.quest-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.quest-rail-card{padding:18px}.quest-rail-index{display:inline-flex;color:var(--mq-cyan);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}.quest-rail-card strong{display:block;color:#fff;font-size:18px;margin-bottom:6px}.quest-rail-card p{margin:0;font-size:13.5px}.redesign-grid{grid-template-columns:1fr;align-items:stretch}.redesign-grid>.overview-card{grid-column:1/-1}.portal-note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.portal-note,.potion-card,.subject-cluster,.logic-step{padding:16px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.portal-note span{display:block;color:var(--mq-gold);font-size:12px;font-weight:900;margin-bottom:6px}.portal-note p,.potion-card p,.subject-cluster p,.logic-step p{margin:0;font-size:13px;line-height:1.7}.potion-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.potion-card strong,.subject-cluster strong,.logic-step strong{display:block;color:#fff;font-size:16px;margin-bottom:6px}.potion-life{border-left:3px solid #ff8b8b}.potion-debuff{border-left:3px solid var(--mq-violet)}.potion-ward{border-left:3px solid var(--mq-gold)}.potion-time{border-left:3px solid var(--mq-cyan)}.potion-agility{border-left:3px solid #6ce8ff}.potion-cooldown{border-left:3px solid #b4ff9c}.subject-cluster-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.logic-ladder{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.logic-step span{display:block;color:var(--mq-cyan);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}.overview-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px;border-radius:var(--mq-radius-xl);background:linear-gradient(135deg,rgba(78,205,196,.08),rgba(255,200,87,.04));border:1px solid rgba(78,205,196,.18);box-shadow:var(--mq-shadow-soft)}.overview-footer-text{flex:1}.overview-footer-text strong{display:block;font-size:18px;color:#fff;margin-bottom:6px;font-weight:900}.overview-footer-text p{margin:0;font-size:14.5px}.mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:18px 0 28px}.mini-card{padding:22px;text-decoration:none;color:inherit;min-height:190px}.mini-card span{color:var(--mq-cyan);font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:900}.mini-card strong{display:block;margin-top:8px;font-size:21px}.mini-card p{margin-bottom:0}.public-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:30px 0 0;color:var(--mq-soft);font-size:13px}.public-footer a{color:var(--mq-muted);margin-right:12px;text-decoration:none;font-weight:800}.mq-public-ad-section{padding:4px 0 18px}.mq-public-ad-card{padding:22px;border-radius:var(--mq-radius-xl);border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.038));box-shadow:var(--mq-shadow-soft)}.mq-web-ad-label{font-size:11px;color:var(--mq-soft);font-weight:900;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.mq-web-ad-slot{min-height:90px}
@media (max-width:1080px) and (min-width:861px){.potion-showcase,.logic-ladder{grid-template-columns:repeat(2,minmax(0,1fr))}.quest-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.public-shell{width:min(100% - 24px,1160px);padding-top:12px}.public-nav{position:static;align-items:flex-start;flex-direction:column;border-radius:20px}.brand-lockup{min-width:0}.nav-links{justify-content:flex-start;width:100%}.nav-links a{flex:1 1 auto}.hero{grid-template-columns:1fr;padding-top:24px}.hero-main{min-height:auto}.content-layout{grid-template-columns:1fr}.side-card{position:static}.stat-grid{grid-template-columns:1fr 1fr}.overview-grid,.quest-rail,.portal-note-grid,.potion-showcase,.subject-cluster-grid,.logic-ladder,.mini-grid{grid-template-columns:1fr}.overview-footer{flex-direction:column;text-align:center;padding:24px}.overview-footer .btn{width:100%}.policy-row{grid-template-columns:1fr}.hero-rhythm-grid{grid-template-columns:1fr}}
@media (max-width:520px){.stat-grid{grid-template-columns:1fr}.hero-actions .btn,.action-row .btn{width:100%}.content-card h1,h1{font-size:40px}.overview-card,.overview-header{padding:22px}.public-shell{width:min(100% - 20px,1160px)}}