:root{font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#fff;background:#052d25;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--panel: rgba(6, 44, 35, .74);--panel-strong: rgba(7, 57, 44, .9);--line: rgba(255, 255, 255, .16);--text-soft: rgba(255, 255, 255, .72);--orange: #ffb238;--orange-strong: #ff8f1f;--orange-deep: #ff6508;--green: #15c47e;--nav-height: 72px}*{box-sizing:border-box}html,body{min-height:100%;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-bg{position:relative;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 20% 8%,rgba(255,178,56,.28),transparent 23%),radial-gradient(circle at 88% 15%,rgba(21,196,126,.22),transparent 26%),linear-gradient(135deg,rgba(255,178,56,.2) 0 10%,transparent 10% 100%),linear-gradient(180deg,#075037,#053326 48%,#031d1b)}.field-lines{position:fixed;top:0;right:0;bottom:0;left:0;opacity:.12;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.45) 1px,transparent 1px);background-size:52px 52px}.pitch-ring{position:fixed;top:134px;left:50%;width:254px;height:254px;border:1px solid rgba(255,255,255,.16);border-radius:50%;transform:translate(-50%);pointer-events:none}.stadium-glow{position:fixed;top:-80px;left:50%;width:min(420px,92vw);height:220px;border-radius:0 0 52% 52%;background:linear-gradient(180deg,rgba(255,178,56,.2),transparent 76%);filter:blur(2px);transform:translate(-50%);pointer-events:none}.floating-ball{position:fixed;right:max(-34px,calc((100vw - 430px)/2 - 58px));top:88px;font-size:96px;line-height:1;opacity:.14;transform:rotate(-18deg);pointer-events:none}.page-container{position:relative;z-index:1;max-width:430px;min-height:100vh;margin:0 auto;padding:calc(12px + env(safe-area-inset-top)) 12px calc(var(--nav-height) + 26px)}.page-stack{display:flex;flex-direction:column;gap:14px}.brand-header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:8px 10px;border:1px solid rgba(255,178,56,.26);border-radius:8px;background:#031d1b7a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand-header img{display:block;width:120px;max-width:48%;height:auto}.brand-header span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid rgba(255,178,56,.5);border-radius:8px;color:#ffe0a6;background:#ffb23824;font-size:13px;font-weight:700}.brand-header.compact{min-height:38px}.brand-header.compact img{width:106px}.hero-section{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 152px;align-items:center;min-height:192px;padding:18px 10px 18px 16px;overflow:hidden;border:1px solid rgba(255,178,56,.22);border-radius:8px;background:linear-gradient(135deg,rgba(255,178,56,.2),transparent 45%),#062c237a;box-shadow:0 18px 42px #0003}.hero-section:after{position:absolute;right:-42px;bottom:-86px;width:210px;height:210px;border:1px solid rgba(255,255,255,.16);border-radius:50%;content:""}.hero-copy,.hero-yangzai{position:relative;z-index:1}.hero-tag{display:inline-flex;align-items:center;min-height:28px;margin:0 0 10px;padding:0 10px;border-radius:8px;color:#2e1900;background:linear-gradient(180deg,#ffd36f,#ff9b27);font-size:13px;font-weight:900}.hero-section h1,.plain-header h1,.success-card h1{margin:0;font-size:34px;line-height:1.12;letter-spacing:0}.hero-section p:last-child{max-width:222px;margin:10px 0 0;color:var(--text-soft);line-height:1.62}.hero-benefit{max-width:244px;margin-top:12px;padding:9px 10px;border:1px solid rgba(255,178,56,.3);border-radius:8px;color:#ffe0a6;background:#ffb23821;font-size:13px;font-weight:800;line-height:1.45}.hero-yangzai{display:flex;justify-content:flex-end;align-self:end}.hero-yangzai img{width:174px;max-width:none;height:auto;margin-right:-24px;margin-bottom:-12px;filter:drop-shadow(0 18px 24px rgba(0,0,0,.25))}.section-heading{display:flex;align-items:center;justify-content:space-between;color:var(--text-soft);font-size:14px}.section-heading strong{display:inline-flex;min-height:28px;align-items:center;padding:0 9px;border-radius:8px;color:#ffe0a6;background:#ffb23821}.match-card,.yangzai-view,.guess-panel,.record-card,.notice-card,.success-card,.loading-card,.rules-list{border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent),var(--panel);box-shadow:0 16px 36px #0000003d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.match-card{position:relative;padding:16px;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(255,178,56,.14),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.06),transparent),#052e24d1}.match-card:before{position:absolute;inset:50% 14px auto;height:1px;background:#ffffff1f;content:""}.match-card.compact{padding:14px}.match-card-top,.record-card-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px}.match-card-tags{display:flex;min-width:0;flex-wrap:wrap;gap:6px}.kickoff-time{color:var(--text-soft);font-size:13px;white-space:nowrap}.teams{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);align-items:center;gap:8px;min-height:126px}.team{display:flex;min-width:0;flex-direction:column;align-items:center;gap:8px;text-align:center}.team strong{max-width:100%;overflow-wrap:anywhere;font-size:28px;line-height:1.15}.team-flag{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;background:#ffffff1f;color:var(--orange)}.versus{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:50%;color:#fff;font-size:13px;font-weight:800;background:#ffffff14}.match-meta{position:relative;z-index:1;display:flex;justify-content:space-between;gap:10px;color:var(--text-soft);font-size:13px}.match-question{position:relative;z-index:1;margin:12px 0 0;padding:10px;border-radius:8px;color:#ffffffd6;background:#ffffff14;font-size:13px;line-height:1.55}.yangzai-view{position:relative;display:grid;grid-template-columns:70px 1fr;gap:10px;align-items:center;padding:12px 14px 12px 10px;overflow:visible;background:linear-gradient(135deg,rgba(255,178,56,.16),transparent 42%),#052e24c7}.yangzai-view:before{position:absolute;left:72px;top:32px;width:12px;height:12px;background:#052e24e0;border-left:1px solid var(--line);border-bottom:1px solid var(--line);content:"";transform:rotate(45deg)}.yangzai-view.compact{grid-template-columns:62px 1fr;padding-left:8px}.yangzai-avatar{width:66px;height:66px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 42% 28%,rgba(255,255,255,.75),transparent 44%),linear-gradient(180deg,#ffd36f,#ff9b27)}.yangzai-avatar img{width:88px;height:78px;object-fit:contain;object-position:center;margin-left:-13px;margin-top:4px}.section-kicker{margin:0 0 4px;color:#ffe0a6;font-size:13px;font-weight:800}.yangzai-view p:last-child,.notice-card,.loading-card{margin:0;color:#ffffffd6;line-height:1.65}.guess-panel{padding:16px;border-color:#ffb2383d}.guess-panel h2{margin:6px 0 14px;font-size:20px;line-height:1.35;letter-spacing:0}.submitted-hint{margin:0;color:#ffe0a6;font-size:13px}.choice-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:14px}.choice{min-height:56px;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#fff;background:#ffffff1a;font-weight:900;box-shadow:inset 0 1px #ffffff14}.choice.selected{border-color:#ffb238f5;color:#201100;background:linear-gradient(180deg,#ffd36f,#ff9b27);box-shadow:0 12px 26px #ff8f1f33}.choice:disabled:not(.selected){opacity:.52}.score-inputs{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);align-items:end;gap:10px;margin-bottom:12px}.score-inputs label{display:grid;gap:8px;color:var(--text-soft);font-size:13px}.score-inputs input{width:100%;height:46px;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#fff;background:#ffffff1a;text-align:center;font-weight:800;font-size:18px}.score-colon{padding-bottom:12px;text-align:center;font-weight:900}.deadline,.form-message{margin:0 0 12px;color:var(--text-soft);font-size:13px}.form-message{color:#ffe0a6;text-align:center}.unsupported-guess,.empty-records,.stats-hint{padding:12px;border:1px solid rgba(255,178,56,.22);border-radius:8px;color:#ffe0a6;background:#ffb2381a;line-height:1.55}.stats-hint{color:#ffffffd6;text-align:center;font-size:13px}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bottom-button{min-height:52px;width:100%;border:0;border-radius:8px;font-weight:900}.bottom-button.primary{color:#201100;background:linear-gradient(180deg,#ffd36f 0%,#ff9b27 60%,var(--orange-deep) 100%);box-shadow:0 12px 24px #ff8f1f3d}.bottom-button.secondary{color:#fff;border:1px solid rgba(255,255,255,.18);background:#ffffff1a;box-shadow:none}.bottom-button:disabled{color:#ffffff70;background:#ffffff1f;box-shadow:none}.text-link,.back-button{border:0;color:#ffe0a6;background:transparent;text-align:left;font-weight:800}.text-link{align-self:center;padding:6px 8px}.back-button{align-self:flex-start;padding:0}.status-badge{display:inline-flex;align-items:center;min-height:26px;padding:0 8px;border-radius:8px;font-size:12px;font-weight:800;white-space:nowrap}.status-badge.green{color:#d9fff0;background:#15c47e2e}.status-badge.gold{color:#ffe0a6;background:#ffb23829}.status-badge.gray{color:#ffffffc7;background:#ffffff1f}.status-badge.red{color:#ffd9d9;background:#ff5d5d2e}.task-status-pill{display:inline-flex;align-items:center;min-height:26px;padding:0 8px;border-radius:8px;font-size:12px;font-weight:800;white-space:nowrap}.task-status-pill.green{color:#d9fff0;background:#15c47e2e}.task-status-pill.gold{color:#ffe0a6;background:#ffb23829}.task-status-pill.gray{color:#ffffffc7;background:#ffffff1f}.user-stats-card{border:1px solid rgba(255,178,56,.22);border-radius:8px;background:linear-gradient(135deg,rgba(255,178,56,.14),transparent 48%),#062c23b8;box-shadow:0 14px 30px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-stats-card.compact{display:grid;grid-template-columns:minmax(0,1fr) minmax(112px,.55fr);gap:10px;padding:12px}.user-stats-card.compact div,.user-stats-card.grid div{display:grid;gap:4px}.user-stats-card span{color:var(--text-soft);font-size:12px}.user-stats-card strong{color:#ffe0a6;font-size:16px;line-height:1.25}.user-stats-card.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;padding:1px}.user-stats-card.grid div{min-height:70px;padding:12px;background:#ffffff12}.user-stats-card.success{display:grid;gap:4px;padding:12px}.user-stats-card.success p{margin:0;color:#ffe0a6;font-weight:800;line-height:1.55}.plain-header{display:flex;flex-direction:column;gap:12px}.plain-header h1{font-size:28px}.success-card{position:relative;display:grid;justify-items:center;gap:10px;padding:20px 16px 18px;overflow:hidden;text-align:center;border-color:#ffb23842;background:radial-gradient(circle at 50% 0%,rgba(255,178,56,.24),transparent 38%),#062c23c7}.success-yangzai{width:148px;height:118px;overflow:hidden}.success-yangzai img{width:166px;height:auto;margin-left:-8px;margin-top:-12px;filter:drop-shadow(0 12px 18px rgba(0,0,0,.24))}.success-mark{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;color:#1f3a00;background:linear-gradient(180deg,#dfff70,#ffb238);font-size:26px;font-weight:900}.success-card p{margin:0;color:var(--text-soft)}.answer-line{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;padding:12px;border-radius:8px;background:#ffffff1a}.answer-line b{color:#ffe0a6}.notice-card,.loading-card{padding:14px}.records-list{display:grid;gap:12px}.record-card{display:grid;gap:12px;padding:14px;border-left:3px solid rgba(255,178,56,.76)}.record-card p{margin:0;color:var(--text-soft)}.record-details{display:grid;gap:7px;padding:10px;border-radius:8px;background:#ffffff14}.record-reward{display:flex;justify-content:flex-start}.rules-list{display:grid;gap:10px;list-style:none;margin:0;padding:0;color:#ffffffdb;line-height:1.6}.rules-list li{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:8px;background:#062c23b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rules-list li span{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#ffb23824}.rules-list li p{margin:0}.yangzai-note{display:grid;gap:4px;border-color:#ffb23838}.yangzai-note strong{color:#ffe0a6}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:430px;min-height:calc(var(--nav-height) + env(safe-area-inset-bottom));margin:0 auto;padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.12);background:#031d1be6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav button{border:0;border-radius:8px;color:#ffffff9e;background:transparent;font-size:13px;font-weight:800}.bottom-nav button.active{color:#201100;background:linear-gradient(180deg,#ffd36f,#ff9b27)}@media (max-width: 374px){.hero-section{grid-template-columns:minmax(0,1fr) 126px;min-height:178px}.hero-section h1{font-size:30px}.hero-yangzai img{width:152px;margin-right:-28px}.team strong{font-size:24px}}@media (min-width: 431px){.page-container,.bottom-nav{box-shadow:0 0 0 1px #ffffff14}}