:root{color:#172b4d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef1f5;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}#root{min-height:100vh}.app-shell{background:#eef1f5;min-height:100vh}.app-header{color:#fff;background:#172b4d;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;height:70px;padding:0 28px;display:flex}.brand-lockup{align-items:center;gap:11px;display:flex}.brand-mark{color:#172b4d;background:#e0ab4a;border-radius:10px;place-items:center;width:34px;height:34px;font-size:18px;font-weight:800;display:grid}.brand-lockup .ant-typography{color:#fff;margin:0;font-size:16px;line-height:1.15}.brand-lockup span:not(.brand-mark){color:#fff9;font-size:11px}.header-actions .ant-btn{height:34px}.editor-sider{border-right:1px solid #dfe4eb;height:calc(100vh - 70px);overflow:auto}.editor-sidebar{background:#fff;min-height:100%}.sidebar-intro{padding:27px 24px 18px}.eyebrow{color:#c8912d;letter-spacing:.16em;font-size:10px;font-weight:800}.sidebar-intro h2{color:#172b4d;margin:6px 0 4px;font-size:22px}.sidebar-intro p{color:#8390a1;margin:0;font-size:12px}.editor-sidebar .ant-menu{border-inline-end:0;padding:0 12px}.editor-sidebar .ant-menu-item{margin:3px 0}.sidebar-section-content{padding:16px 24px 36px}.editor-section .ant-typography{color:#172b4d}.editor-section .ant-typography-secondary{font-size:12px;line-height:1.6}.editor-section .ant-form-item{margin-bottom:14px}.editor-section .ant-form-item-label{padding-bottom:5px}.editor-section .ant-form-item-label>label{color:#57667b;font-size:12px}.editor-section .ant-input,.editor-section .ant-select-selector{font-size:12px!important}.color-fields,.form-grid-2,.form-grid-3{gap:10px;display:grid}.visibility-switches{grid-template-columns:1fr 1fr;gap:10px;display:grid}.color-fields,.form-grid-2{grid-template-columns:1fr 1fr}.form-grid-3{grid-template-columns:repeat(3,1fr)}.color-fields input[type=color]{cursor:pointer;width:100%;height:32px;padding:3px}.editor-card-list{gap:12px;display:grid}.editor-card{background:#fbfcfd;border:1px solid #e5e9ee;border-radius:12px;padding:14px}.editor-card-heading,.section-heading-row{justify-content:space-between;align-items:center;display:flex}.editor-card-heading{color:#42536b;margin-bottom:12px;font-size:12px;font-weight:700}.section-heading-row{align-items:flex-start;margin-bottom:10px}.section-heading-row .ant-typography{margin-bottom:0}.empty-editor,.empty-preview{color:#96a0ad;text-align:center;border:1px dashed #d9dfe7;border-radius:10px;padding:28px 12px;font-size:12px}.preview-content{background:#eef1f5;min-width:0;padding:24px 28px 32px;overflow:auto}.preview-toolbar{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto 18px;display:flex}.preview-toolbar h1{color:#172b4d;margin:5px 0 0;font-size:20px}.preview-toolbar h1 .anticon{color:#c8912d;margin-right:6px;font-size:18px}.preview-stage{place-items:start center;min-height:calc(100vh - 170px);display:grid;overflow:auto}.preview-device{width:100%;transition:width .25s}.preview-desktop{max-width:1280px}.preview-mobile{border:8px solid #172b4d;border-radius:28px;width:393px;max-width:100%;overflow:hidden;box-shadow:0 18px 40px #162b4b33}.landing-page{color:#172b4d;min-height:100%;padding:28px 28px 34px;position:relative;overflow:hidden}.landing-page:before,.landing-page:after{content:"";pointer-events:none;border:1px solid #dfa53b29;border-radius:50%;position:absolute}.landing-page:before{width:270px;height:270px;top:-140px;left:-140px}.landing-page:after{width:370px;height:370px;top:30px;right:-210px}.landing-header,.landing-content{z-index:1;position:relative}.landing-header{color:#172b4d;justify-content:space-between;align-items:center;display:flex}.landing-logo{letter-spacing:.12em;font-size:14px;font-weight:800}.landing-mini-label{color:#9aa2ae;letter-spacing:.16em;font-size:9px}.hero-section{text-align:center;padding:45px 0 36px}.hero-kicker{color:var(--accent);letter-spacing:.22em;font-size:10px;font-weight:800}.hero-section h1{letter-spacing:.04em;margin:10px 0 0;font-size:clamp(28px,5vw,52px);line-height:1.2}.hero-section p{color:#78869a;max-width:560px;margin:12px auto 0;font-size:13px}.hero-underline{background:var(--accent);border-radius:5px;width:58px;height:3px;margin:18px auto 0}.stats-grid,.participation-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.preview-desktop .stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card,.public-card{background:#ffffffe6;border:1px solid #172b4d1a;border-radius:15px;box-shadow:0 10px 25px #1d30460f}.stat-card{align-items:center;gap:11px;padding:16px 15px;display:flex}.stat-icon{color:#b47b20;background:#fff0d8;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.stat-card strong,.stat-card small{display:block}.stat-card strong{font-size:14px}.stat-card small{color:#778397;margin-top:2px;font-size:11px}.content-grid{grid-template-columns:1.35fr .9fr;gap:14px;margin-top:26px;display:grid}.public-card{padding:18px}.card-title-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.public-card h2{margin:0;font-size:20px}.live-status{color:#798595;white-space:nowrap;font-size:10px}.live-status i{background:#e44b59;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.replay-card{min-height:320px}.replay-image,.replay-placeholder{object-fit:cover;border:1px solid #e4e8ed;border-radius:11px;width:100%;height:260px}.replay-image{object-fit:contain;background:#fff;height:auto;max-height:none;display:block}.replay-placeholder{color:#9ba5b1;background:linear-gradient(135deg,#f1f3ef,#fffdf7);place-items:center;font-size:11px;display:grid;position:relative;overflow:hidden}.placeholder-orbit{border:1px solid #dfa53b3d;border-radius:50%;width:220px;height:220px;position:absolute}.event-list{gap:9px;margin-top:14px;display:grid}.event-item{background:#fff;border:1px solid #e5e9ee;border-radius:11px;gap:12px;padding:12px 8px;display:flex}.event-date{border-right:1px solid #e4e8ee;flex:none;width:33px}.event-date strong{font-size:15px;line-height:1}.event-date small{color:#939dab;margin-top:5px;font-size:9px;display:block}.event-detail h3{margin:0 0 5px;font-size:12px;line-height:1.4}.event-tags span{color:#4572a5;background:#eef5ff;border-radius:3px;margin-right:4px;padding:2px 5px;font-size:9px;display:inline-block}.event-detail p{color:#7c8795;margin:5px 0 0;font-size:9px}.participation-section{margin-top:32px}.section-rule{color:#172b4d;align-items:center;gap:14px;margin-bottom:17px;font-size:18px;font-weight:800;display:flex}.section-rule:before,.section-rule:after{content:"";background:#dfa53b73;flex:1;height:1px}.participation-grid{grid-template-columns:repeat(2,1fr)}.participation-card{padding:17px}.participation-title{align-items:center;gap:10px;display:flex}.participation-title .anticon,.participation-title img{color:#26a985;object-fit:contain;background:#e4f4ee;border-radius:9px;place-items:center;width:31px;height:31px;font-size:17px;display:grid}.participation-title h3{margin:0;font-size:13px}.participation-line{background:var(--accent);width:40px;height:3px;margin:12px 0 17px}.participation-button{color:#fff;background:var(--accent);width:100%;font:inherit;cursor:pointer;text-align:left;appearance:none;border:0;border-radius:8px;justify-content:space-between;align-items:center;margin:0;padding:10px 12px;font-size:11px;font-weight:700;line-height:1.4;text-decoration:none;display:flex}.participation-button:hover{color:#fff;filter:brightness(1.04)}.participation-button span{font-size:19px;font-weight:400}.editor-image-thumb{object-fit:contain;background:#f5f6f4;border:1px solid #e3e7ec;border-radius:8px;width:46px;height:46px;margin-top:8px;display:block}.editor-modal-image-preview{object-fit:contain;background:#f5f6f4;border:1px solid #e3e7ec;border-radius:8px;width:100%;max-height:160px;margin-top:8px;display:block}.preview-modal-backdrop{z-index:5;background:#1421349e;place-items:center;padding:22px;display:grid;position:absolute;inset:0}.preview-modal{text-align:center;background:#fff;border-radius:16px;width:min(100%,340px);max-height:90%;padding:26px 22px 22px;position:relative;overflow:auto;box-shadow:0 24px 55px #0f1e3247}.preview-modal h2{color:#172b4d;margin:0;font-size:18px}.preview-modal p{color:#7b8796;margin:8px 0 16px;font-size:12px}.preview-modal img{object-fit:contain;background:#f2f3f0;border-radius:8px;width:100%;max-height:520px;display:block}.modal-image-placeholder{color:#9ba5b1;background:#f4f5f1;border-radius:8px;place-items:center;min-height:160px;font-size:12px;display:grid}.preview-modal-close{color:#7f8a98;cursor:pointer;background:0 0;border:0;font-size:24px;position:absolute;top:8px;right:10px}.landing-footer{z-index:1;color:#a0a8b2;text-align:center;letter-spacing:.1em;margin-top:25px;font-size:9px;position:relative}@media (max-width:900px){.content-grid{grid-template-columns:1fr}}@media (max-width:720px){.app-header{align-items:flex-start;gap:12px;height:auto;min-height:70px;padding:13px 16px}.header-actions{flex-wrap:wrap;justify-content:flex-end}.header-actions .ant-tag{display:none}.editor-sider{height:auto;width:100%!important;max-width:none!important}.app-shell>.ant-layout{display:block}.editor-sidebar{border-bottom:1px solid #dfe4eb}.editor-sidebar .ant-menu{display:flex;overflow-x:auto}.editor-sidebar .ant-menu-item{flex:none}.sidebar-section-content{padding-top:10px}.preview-content{padding:18px 12px 28px}.preview-toolbar{align-items:flex-start;gap:12px}.preview-toolbar h1{font-size:17px}.landing-page{padding:20px 15px 28px}.landing-mini-label{display:none}.hero-section{padding:30px 0 25px}.hero-section h1{font-size:30px}.stats-grid,.participation-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{padding:12px 10px}.stat-card strong{font-size:12px}.stat-card small{font-size:10px}.card-title-row{display:block}.live-status{margin-top:6px;display:block}.replay-image,.replay-placeholder{height:220px}}@media (max-width:460px){.app-header{display:block}.header-actions{justify-content:flex-start;margin-top:12px}.header-actions .ant-btn{padding-inline:10px}.preview-toolbar{display:block}.preview-toolbar .ant-segmented{margin-top:12px}}