:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:#f6f7f9;color:#1f2937;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f6f7f9}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.page{min-height:100vh;padding-bottom:env(safe-area-inset-bottom)}.content{width:min(100%,720px);margin:0 auto;padding:16px}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:8px;min-height:56px;padding:10px 14px;background:#fff;border-bottom:1px solid #e5e7eb}.topbar h1{margin:0;font-size:20px;font-weight:800}.icon-btn{width:40px;height:40px;display:inline-grid;place-items:center;border:0;border-radius:8px;background:#f3f4f6;color:#111827}.home{min-height:100vh;background:radial-gradient(circle at 50% 18%,rgba(37,99,235,.38),transparent 34%),radial-gradient(circle at 5% 15%,rgba(96,165,250,.22),transparent 26%),linear-gradient(180deg,#062765,#061d4d 44%,#031333);color:#fff;overflow-x:hidden}.home:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(112deg,transparent 0 52%,rgba(255,255,255,.06) 52% 53%,transparent 53%),linear-gradient(rgba(148,163,184,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.08) 1px,transparent 1px);background-size:auto,34px 34px,34px 34px;-webkit-mask-image:linear-gradient(to bottom,black 0 72%,transparent 100%);mask-image:linear-gradient(to bottom,black 0 72%,transparent 100%)}.home:after{content:"";position:fixed;left:-18%;right:-18%;bottom:39%;height:70px;pointer-events:none;background:linear-gradient(95deg,transparent,rgba(255,216,128,.8),transparent);filter:blur(18px);opacity:.42;transform:rotate(-8deg)}.hero{position:relative;width:min(100%,940px);margin:0 auto;padding:48px 18px 22px;color:#fff}.hero:before{content:"";position:absolute;left:4%;top:48px;width:155px;height:220px;pointer-events:none;background:radial-gradient(circle at 46% 20%,rgba(147,197,253,.28) 0 26px,transparent 27px),linear-gradient(90deg,transparent 0 18%,rgba(147,197,253,.16) 18% 78%,transparent 78%),radial-gradient(ellipse at 50% 86%,rgba(147,197,253,.22),transparent 58%);opacity:.55}.hero-shell{position:relative;display:grid;gap:22px;align-items:center;justify-items:center}.project-badge{width:fit-content;display:inline-grid;grid-template-columns:28px auto;gap:10px;align-items:center;padding:10px 24px;border:1px solid rgba(255,237,179,.72);border-radius:14px;background:linear-gradient(180deg,#ffe2a0,#f5b23d 54%,#d88416);color:#08245b;font-weight:900;font-size:25px;box-shadow:0 0 20px #fbbf246b,inset 0 2px #ffffff8c,inset 0 -3px #92400e33}.hero-copy{width:min(100%,920px);text-align:center}.eyebrow{margin:30px 0 22px;color:#ffe8a8;font-size:25px;font-weight:900;letter-spacing:0;text-shadow:0 0 18px rgba(251,191,36,.35)}.hero h1{max-width:920px;margin:0 auto;color:#fff;font-size:48px;line-height:1.06;letter-spacing:0;text-shadow:0 3px 0 rgba(15,23,42,.38),0 14px 26px rgba(0,0,0,.38)}.hero h1 span{display:block}.title-year{position:relative;width:fit-content;margin:0 auto 16px;color:#ffe8b2;font-size:70px;font-weight:950;letter-spacing:0;-webkit-text-stroke:1px rgba(255,255,255,.55)}.title-year:before,.title-year:after{content:"";position:absolute;top:50%;width:70px;height:2px;background:linear-gradient(90deg,transparent,#f9d77b)}.title-year:before{right:calc(100% + 18px)}.title-year:after{left:calc(100% + 18px);transform:scaleX(-1)}.title-main{font-size:clamp(41px,12vw,62px);font-weight:950}.title-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:13px;width:min(100%,360px);margin:30px auto 0;color:#ffe8a8}.title-divider span{height:2px;background:linear-gradient(90deg,transparent,#ffe8a8);box-shadow:0 0 12px #fbbf248c}.title-divider span:last-child{transform:scaleX(-1)}.hero-desc{display:grid;gap:6px;max-width:720px;margin:30px auto 0;font-size:25px;color:#f8fafc;letter-spacing:0}.hero-desc span{display:block}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:48px}.hero-stats span{min-height:126px;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;place-items:center;align-content:center;gap:6px;padding:14px 8px;border:1px solid rgba(147,197,253,.42);border-radius:14px;background:linear-gradient(180deg,#1e5bb780,#041c52b8);color:#fff3c4;box-shadow:inset 0 1px #bfdbfe57,0 0 18px #2563eb38}.hero-stats svg{width:38px;height:38px;stroke-width:1.8}.hero-stats strong{color:#fff;font-size:clamp(16px,4.2vw,22px);font-weight:950;line-height:1.15;text-align:center;white-space:nowrap}.hero-stats small{color:#ffffffb8;font-size:14px;font-weight:700;line-height:1.2;text-align:center;white-space:nowrap}.home-actions{position:relative;width:min(100% - 36px,840px);margin:0 auto;display:grid;gap:16px;padding:0 0 34px;z-index:1}.start-button{min-height:78px;display:grid;grid-template-columns:1fr 42px;align-items:center;padding:10px 20px 10px 54px;border:1px solid rgba(255,247,214,.88);border-radius:999px;background:linear-gradient(180deg,#ffe7aa,#f6b33d 55%,#d8921e);color:#3b2807;font-size:34px;font-weight:950;box-shadow:0 0 24px #fbbf2473,inset 0 2px #ffffff8c,inset 0 -4px #92400e2e}.start-button svg{justify-self:end;width:42px;height:42px;padding:8px;border-radius:999px;background:#92400e57;color:#fff}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-grid a{display:grid;grid-template-columns:32px 1fr 24px;align-items:center;gap:8px;min-height:72px;padding:0 14px;border-radius:999px;border:1px solid rgba(96,165,250,.72);background:linear-gradient(180deg,#1d4ed88f,#031f59d1);color:#fff;font-size:21px;font-weight:900;box-shadow:inset 0 1px #bfdbfe52,0 10px 24px #0206173d}.quick-grid a svg{color:#fff3c4}.quick-arrow{justify-self:end;color:#c7d2fe!important}.admin-entry{min-height:66px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid rgba(191,219,254,.42);border-radius:999px;background:#03133361;color:#e2e8f0e0;font-size:22px;font-weight:800;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (max-width: 420px){.hero{padding-left:14px;padding-right:14px}.project-badge{font-size:21px}.eyebrow,.hero-desc{font-size:22px}.hero-stats{gap:8px}.hero-stats span{min-height:116px;padding:12px 6px}.hero-stats svg{width:34px;height:34px}.hero-stats strong{font-size:17px}.hero-stats small{font-size:13px}}.form-card,.admin-card,.score-card,.profile-head,.notice,.error-box,.success-box{border:1px solid #e5e7eb;border-radius:8px;background:#fff}.form-card{display:grid;gap:14px;padding:16px}.field{display:grid;gap:7px;font-weight:800;color:#374151}.input{width:100%;min-height:48px;padding:11px 12px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#111827;font-size:16px}.textarea{resize:vertical}.btn{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:0;border-radius:8px;font-weight:900;font-size:17px}.btn:disabled{opacity:.65}.primary{background:#b91c1c;color:#fff}.secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.danger{color:#991b1b;background:#fff7ed;border:1px solid #fecaca}.full{width:100%}.error-box,.success-box,.notice{padding:12px}.error-box{color:#991b1b;background:#fef2f2;border-color:#fecaca}.success-box{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.danger-zone{border-color:#fecaca;background:#fff7ed}.danger-zone h2{color:#991b1b}.notice{color:#4b5563}.rule-list{display:grid;gap:12px;margin-bottom:16px}.rule-list>div{display:grid;grid-template-columns:36px 1fr;gap:4px 10px;padding:16px;border-radius:8px;background:#fff;border:1px solid #e5e7eb}.rule-list svg{grid-row:span 2;color:#b91c1c}.rule-list strong{font-size:18px}.rule-list span{color:#6b7280}.quiz-status{position:sticky;top:56px;z-index:9;display:flex;justify-content:space-between;gap:10px;margin:-16px -16px 14px;padding:12px 16px;background:#111827;color:#fff;font-weight:900}.question-stack{display:grid;gap:14px}.question-card{padding:16px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.question-title{display:grid;grid-template-columns:32px 1fr;gap:8px;align-items:start}.question-title span{display:grid;place-items:center;width:32px;height:32px;border-radius:999px;background:#fee2e2;color:#991b1b;font-weight:900}.question-title h2{margin:0;font-size:18px;line-height:1.45}.options{display:grid;gap:10px;margin-top:14px}.option{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center;min-height:48px;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;background:#fff}.option input{position:absolute;opacity:0}.option b{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#f3f4f6}.option.selected{border-color:#b91c1c;background:#fff7ed}.option.selected b{background:#b91c1c;color:#fff}.sticky-submit{position:sticky;bottom:12px;margin-top:18px;box-shadow:0 10px 28px #7f1d1d40}.score-card{padding:22px 16px;text-align:center}.score-card p,.score-card span{margin:0;color:#6b7280}.score-card>strong{display:block;margin:8px 0;color:#b91c1c;font-size:58px;line-height:1}.score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.score-grid div,.stat-grid div{display:grid;justify-items:center;gap:5px;padding:12px 8px;border-radius:8px;background:#f9fafb}.rank-list,.record-list,.admin-list{display:grid;gap:10px;margin-top:12px}.rank-row{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.rank-row small{display:block;color:#6b7280}.rank-no{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:#fee2e2;color:#991b1b;font-weight:900}.profile-head,.record-card{display:grid;gap:4px;padding:14px;border-radius:8px;background:#fff;border:1px solid #e5e7eb}.profile-head strong,.record-card strong{font-size:22px}.profile-head span,.record-card span,.record-card small,.admin-card p{color:#6b7280}.admin-tabs{display:flex;gap:8px;overflow-x:auto;padding:10px 14px;background:#fff;border-bottom:1px solid #e5e7eb}.admin-tabs a{flex:0 0 auto;padding:8px 12px;border-radius:999px;color:#4b5563;background:#f3f4f6;font-weight:800}.admin-tabs a.active{color:#fff;background:#b91c1c}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.stat-grid strong{font-size:24px}.admin-card{padding:14px}.admin-card h2{margin:0 0 8px;font-size:20px}.admin-card p{margin:6px 0 0}.form-grid,.filter-bar{display:grid;gap:12px}.button-row{display:flex;flex-wrap:wrap;gap:10px}.button-row .btn{flex:1 1 120px}.poster-preview{display:grid;gap:12px}.poster-preview img{width:100%;max-width:420px;margin:0 auto;display:block;border-radius:8px;border:1px solid #d1d5db}.poster-download{text-decoration:none}.row-between{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.pill{flex:0 0 auto;padding:4px 8px;border-radius:999px;color:#6b7280;background:#f3f4f6;font-size:12px;font-weight:900}.pill.green{color:#166534;background:#dcfce7}.upload-zone{display:grid;justify-items:center;gap:8px;padding:22px 12px;border:1px dashed #b91c1c;border-radius:8px;color:#991b1b;text-align:center}.upload-zone span{color:#6b7280;font-size:13px;word-break:break-word}.upload-zone input{display:none}.table-scroll{margin-top:12px;overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff}table{width:100%;min-width:720px;border-collapse:collapse}th,td{padding:10px 12px;border-bottom:1px solid #e5e7eb;text-align:left;white-space:nowrap}th{background:#f9fafb;color:#374151}@media (min-width: 720px){.hero{padding:72px 24px 38px}.hero h1{font-size:62px}.title-year{font-size:70px}.home-actions{padding-bottom:42px}.form-grid,.filter-bar{grid-template-columns:repeat(2,1fr)}}