@import url('/static/quiz.css');
:root{--bg:#f7f7f9;--paper:#fff;--ink:#22232a;--muted:#737681;--line:#e8e8ee;--accent:#6950e8;--soft:#eeebff;--radius:18px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a89af0;outline-offset:3px}button{border:0;background:none;color:inherit}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.shell{display:grid;grid-template-columns:216px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:216px;padding:34px 22px 22px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:750;letter-spacing:1px}.brand-mark{display:inline-flex;background:var(--accent);color:#fff;width:35px;height:35px;align-items:center;justify-content:center;border-radius:11px}.brand small{font-size:11px;color:#9698a2;letter-spacing:2px;font-weight:500;margin-left:2px}.nav-caption{margin:37px 12px 12px;font-size:12px;color:#a0a1a9;letter-spacing:2px}.nav{display:grid;gap:7px}.nav a{display:flex;align-items:center;gap:12px;padding:13px 14px;font-size:14px;font-weight:550;color:#73747e;border-radius:10px}.nav a:hover{background:#f8f8fb;color:#282934}.nav a.active{color:var(--accent);background:var(--soft)}.sidebar-foot{margin-top:auto;padding-top:25px}.credit-mini{padding:16px;background:#f8f7fc;border:1px solid #eeedf5;border-radius:13px;font-size:13px;color:var(--muted)}.credit-mini strong{display:block;font-size:24px;color:var(--ink);margin-top:9px;font-variant-numeric:tabular-nums}.tiny{font-size:12px;color:var(--muted);line-height:1.6}.sidebar-foot>.tiny{margin:18px 8px 0;color:#a0a1aa}.workspace{grid-column:2;min-width:0}.topbar{height:88px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#ffffffc9;gap:20px}.crumb{font-size:14px;color:#858791;display:flex;align-items:center;gap:12px}.crumb strong{font-weight:500;color:#343540}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:1;padding:7px 10px;border-radius:6px;background:#f2f1f7;color:#777280}.top-actions{display:flex;align-items:center;gap:13px}.avatar{width:34px;height:34px;border-radius:50%;background:#efebff;color:var(--accent);display:grid;place-items:center;font-size:14px;font-weight:700}.page{max-width:1400px;margin:auto;padding:40px 42px 65px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:28px}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:700;color:#91939e;margin-bottom:12px}.page-head h1{font-size:30px;letter-spacing:-.8px;margin:0 0 12px;font-weight:650;line-height:1.4}.page-head p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:12px 18px;min-height:44px;border-radius:10px;background:#fff;border:1px solid #dedee8;font-size:14px;font-weight:550;white-space:nowrap;transition:.18s}.btn:hover{border-color:#b2a6ec;transform:translateY(-1px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 10px #6950e812}.btn.dark{background:#272832;color:#fff;border-color:#272832}.btn.quiet{background:transparent;border-color:transparent}.btn.small{padding:8px 12px;min-height:34px;font-size:13px}.btn.danger{color:#b13b4a}.text-link{color:var(--accent);font-size:14px;font-weight:550}.hero-compose{border:1px solid #e1ddef;border-radius:18px;background:linear-gradient(110deg,#faf9ff,#fff 73%);padding:26px 28px;margin-bottom:34px;display:flex;align-items:center;justify-content:space-between;gap:24px}.compose-copy{display:flex;gap:16px;align-items:center}.compose-symbol{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#ebe5ff;color:var(--accent)}.compose-copy h2{font-size:17px;margin:0 0 8px;font-weight:600}.compose-copy p{font-size:13px;color:var(--muted);margin:0;line-height:1.7}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:15px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{font-size:14px;color:#7c7e89;padding:9px 15px;border-radius:8px}.tab.active{background:#272832;color:#fff}.search{display:flex;align-items:center;gap:8px;color:#9395a0;max-width:230px;background:#fff;border:1px solid var(--line);padding:0 12px;border-radius:9px}.search input{border:0;background:none;padding:11px 0;outline:0;width:100%;font-size:13px;color:var(--ink)}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.template-card{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;transition:transform .2s,box-shadow .2s}.template-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #22232a09}.cover{height:248px;position:relative;overflow:hidden;padding:28px 32px;display:flex;flex-direction:column;justify-content:space-between}.cover .cover-meta{font-size:10px;letter-spacing:3px;opacity:.72;display:flex;justify-content:space-between}.cover h2{position:relative;font-size:42px;letter-spacing:3px;line-height:1.1;margin:12px 0;font-family:Georgia,"Songti SC",SimSun,serif;font-weight:500}.cover small{font-size:11px;letter-spacing:3px;opacity:.65}.cover-footer{font-size:11px;letter-spacing:2px;display:flex;align-items:center;justify-content:space-between;opacity:.75}.cover.qzz{background:#241f33;color:#f1e9d6}.cover.qzz::after{content:"";position:absolute;width:240px;height:240px;border:1px solid #ffffff10;border-radius:50%;right:-30px;top:50px;box-shadow:0 0 0 24px #ffffff04,0 0 0 48px #ffffff03}.cover.qzz .cover-title span{font-size:14px;letter-spacing:5px;display:block;margin-top:10px}.cover.danger{background:#f0e9e7;color:#653441}.cover.danger::after{content:"09";position:absolute;font-family:Georgia,serif;font-size:215px;line-height:1;right:-8px;bottom:-32px;color:#9d536411}.cover.danger h2{font-size:43px}.cover.ink{background:#2e3940;color:#e8e9e4}.cover.rose{background:#e9e0e4;color:#6b4058}.cover.paper{background:#e7eaf0;color:#324b68}.cover.noir{background:#262331;color:#e7e0f3}.cover .mini-tag{border:1px solid currentColor;padding:4px 7px;border-radius:3px;letter-spacing:1px}.card-body{padding:22px 24px}.card-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.card-title h3{font-size:18px;margin:0;font-weight:650}.official{font-size:11px;color:#85818f;white-space:nowrap}.card-body p{color:var(--muted);font-size:13px;line-height:1.9;margin:11px 0 19px}.card-meta{display:flex;gap:14px;font-size:12px;color:#9899a2;flex-wrap:wrap}.card-actions{display:flex;justify-content:space-between;align-items:center;margin-top:21px;border-top:1px solid #f0f0f4;padding-top:17px;gap:10px}.price{font-size:14px;font-weight:650}.price small{font-weight:400;color:#9698a2;font-size:12px;margin-left:5px}.section-label{display:flex;align-items:center;gap:10px;margin:35px 0 18px;font-size:16px;font-weight:600}.section-label span{font-size:12px;color:#989ba5;font-weight:400}.soft-note{margin-top:24px;font-size:12px;color:#9395a0;line-height:1.8}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px}.panel h2{font-size:17px;margin:0 0 18px;font-weight:600}.field{display:grid;gap:9px;font-size:14px;margin:18px 0}.field>span{font-weight:550}.input,textarea,select{padding:12px 14px;border:1px solid #dfdfe8;border-radius:9px;background:#fff;width:100%;color:var(--ink);font-size:14px;line-height:1.65}textarea{resize:vertical;min-height:120px}.help{font-size:12px;color:#8c8f9a;line-height:1.8}.row{display:flex;gap:14px;align-items:center}.row>*{min-width:0}.row.spread{justify-content:space-between}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:25px}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);margin:-3px 0 24px}.mode-tabs button{padding:15px;font-size:14px;color:var(--muted);border-bottom:2px solid transparent}.mode-tabs button.active{color:var(--accent);border-color:var(--accent)}.theme-options{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.theme-choice{border:2px solid transparent;border-radius:10px;padding:4px}.theme-choice.active{border-color:var(--accent)}.theme-swatch{height:55px;border-radius:6px;background:#e7eaf0;display:grid;place-items:center;font-family:Georgia,SimSun,serif;font-size:19px;color:#34475b}.theme-choice span{display:block;font-size:12px;margin-top:7px;color:var(--muted)}.theme-swatch.noir{background:#282333;color:#ded2e9}.theme-swatch.rose{background:#eee1e5;color:#764c61}.theme-swatch.ink{background:#33413f;color:#dce5da}.preview-phone{border:7px solid #272830;border-radius:35px;background:#f9f9fc;min-height:465px;position:relative;overflow:hidden;padding:48px 22px 25px;box-shadow:0 20px 40px #26233310;text-align:center}.preview-phone::before{content:"";position:absolute;top:11px;width:66px;height:15px;left:50%;transform:translateX(-50%);background:#272830;border-radius:20px}.preview-phone h3{font-family:Georgia,SimSun,serif;font-size:30px;line-height:1.5;margin:34px 0 17px}.preview-phone p{font-size:13px;color:#858595;line-height:1.9}.preview-phone .preview-mark{font-size:11px;letter-spacing:3px;color:#8b7bab}.preview-phone .btn{width:100%;margin-top:30px}.steps{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:15px;font-size:13px;color:#838591}.steps li{display:flex;align-items:center;gap:10px}.steps b{width:23px;height:23px;border-radius:50%;background:#f1eefb;color:#8b7abb;display:grid;place-items:center;font-size:11px}.empty{text-align:center;padding:58px 25px;background:#fff;border:1px solid var(--line);border-radius:16px}.empty>.icon{width:40px;height:40px;color:#aba6c2}.empty h2{font-size:19px;margin:20px 0 10px}.empty p{font-size:14px;line-height:1.9;color:var(--muted);max-width:440px;margin:0 auto 24px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:25px}.metric{background:#fff;border:1px solid var(--line);padding:21px;border-radius:13px}.metric label{font-size:13px;color:var(--muted)}.metric strong{display:block;font-size:31px;margin:13px 0 5px;font-weight:600;font-variant-numeric:tabular-nums}.metric small{font-size:12px;color:#a3a5ac}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;padding:13px 12px;font-size:12px;color:#91939e;background:#fafafd;font-weight:500;white-space:nowrap}td{padding:17px 12px;border-bottom:1px solid #f0f0f5;line-height:1.7}td .btn{margin:2px}.badge{font-size:12px;padding:5px 8px;border-radius:6px;background:#f3f2f8;color:#7b728d;white-space:nowrap}.badge.published{background:#edf5f0;color:#547c64}.balance{display:flex;justify-content:space-between;align-items:center;background:#292637;color:#fff;border-radius:17px;padding:28px;margin-bottom:25px}.balance strong{font-size:43px;display:block;margin:14px 0;font-weight:550;letter-spacing:-1px}.balance .help{color:#aaa5bd}.credit-packs{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.credit-pack{border:1px solid var(--line);padding:22px;border-radius:12px}.credit-pack strong{font-size:24px;display:block;margin:12px 0}.credit-pack p{font-size:13px;color:var(--muted);line-height:1.8}.notice{font-size:13px;line-height:1.8;padding:14px 17px;background:#f5f2ff;color:#79708f;border-radius:10px;margin:17px 0}.error-box{color:#a04652;background:#fff3f4;padding:14px;border-radius:8px;font-size:14px}.job-status{padding:23px;background:#f8f7fe;border:1px solid #e8e4f8;border-radius:12px;margin-top:22px}.job-status h3{margin:0 0 10px;font-size:16px}.job-status p{font-size:13px;color:var(--muted);line-height:1.8}.spinner{width:17px;height:17px;border:2px solid #d7d0ee;border-top-color:var(--accent);border-radius:50%;display:inline-block;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}dialog{border:1px solid var(--line);border-radius:20px;max-width:510px;width:calc(100% - 32px);padding:29px;box-shadow:0 35px 100px #24203b30;color:var(--ink)}dialog::backdrop{background:#201a3559;backdrop-filter:blur(3px)}dialog h2{font-size:24px;margin:0 0 12px}dialog p{font-size:14px;color:var(--muted);line-height:1.8}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-head h2{margin:0}.close-modal{padding:5px;font-size:25px;color:#9695a0}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(20px);background:#282531;color:white;border-radius:10px;padding:13px 20px;font-size:14px;opacity:0;pointer-events:none;z-index:99;transition:.2s;max-width:90vw}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:23px;align-items:start}.editor-preview{position:sticky;top:22px}.editor-preview iframe{border:1px solid #dedde6;border-radius:24px;width:100%;height:690px;background:#fff}.question-edit{padding:18px;border:1px solid var(--line);border-radius:11px;margin-top:13px}.question-edit input{margin:5px 0}.question-edit label{font-size:12px;color:#94949f}.report-edit{padding-top:18px;border-top:1px solid var(--line);margin-top:18px}.report-edit h3{font-size:16px}.loading{padding:80px;text-align:center;color:var(--muted)}.bar-chart{display:flex;gap:8px;height:170px;align-items:flex-end;border-bottom:1px solid var(--line);padding:20px 0 0}.bar-chart>div{flex:1;min-width:0;text-align:center;font-size:10px;color:#a0a0ab;position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.bar-chart i{display:block;background:#b6a8f0;border-radius:4px 4px 0 0;min-height:2px;margin:0 6px}.bar-chart span{position:absolute;bottom:-24px;left:0;right:0}.chart-box{padding-bottom:45px}.auth-panel{max-width:440px;margin:30px auto}.mobile-brand{display:none}.checkbox-row{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--muted);line-height:1.8}.checkbox-row input{margin-top:5px}.admin-box{margin-top:25px}.upload-label{display:block;border:1px dashed #d8d4e8;background:#fcfbff;border-radius:12px;padding:25px;text-align:center;color:#807590;cursor:pointer;font-size:14px;line-height:1.9}.upload-label input{display:block;width:100%;margin-top:14px;font-size:12px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.muted{color:var(--muted)}.result-bar{display:grid;grid-template-columns:110px 1fr 35px;gap:12px;align-items:center;font-size:13px;margin:15px 0}.result-bar i{height:7px;background:#e9e5f9;border-radius:5px;overflow:hidden}.result-bar b{height:100%;background:#9680df;display:block;border-radius:5px}.footer-line{font-size:12px;color:#a2a3ac;margin-top:36px;display:flex;justify-content:space-between;padding-top:22px;border-top:1px solid var(--line)}
@media(min-width:1450px){.page{padding:45px 60px}.topbar{padding:0 60px}.cover{height:280px}}@media(max-width:1100px){.sidebar{width:185px;padding:30px 15px}.shell{grid-template-columns:185px 1fr}.page{padding:30px 26px}.topbar{padding:0 26px}.studio-layout{grid-template-columns:1fr 250px}.cover h2,.cover.danger h2{font-size:35px}.cover{padding:23px;height:230px}.card-body{padding:19px}.editor-layout{grid-template-columns:1fr}.editor-preview{position:static;max-width:420px;width:100%;margin:auto}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.shell{display:block}.sidebar{position:relative;width:100%;padding:17px 20px;border-right:0;border-bottom:1px solid var(--line);height:auto}.sidebar .brand{font-size:21px}.sidebar .brand-mark{width:30px;height:30px;border-radius:9px}.sidebar .nav-caption,.sidebar-foot{display:none}.nav{display:flex;gap:4px;overflow:auto;margin-top:15px}.nav a{padding:10px 12px;white-space:nowrap;font-size:13px}.nav a .icon{display:none}.topbar{height:66px;padding:0 20px}.page{padding:27px 20px 45px}.page-head{align-items:flex-start}.page-head h1{font-size:25px}.page-head>.btn{padding:10px 12px;font-size:12px}.hero-compose{padding:20px;margin-bottom:25px;align-items:flex-start}.compose-symbol{display:none}.compose-copy h2{font-size:16px}.hero-compose>.btn{padding:9px 11px;font-size:12px}.template-grid{grid-template-columns:1fr 1fr;gap:15px}.cover{height:205px;padding:20px}.cover h2,.cover.danger h2{font-size:28px;letter-spacing:1px}.cover .cover-meta{font-size:8px;letter-spacing:1px}.cover-footer{font-size:9px;letter-spacing:1px}.cover .mini-tag{display:none}.card-title{align-items:flex-start}.card-title h3{font-size:16px}.official{font-size:10px}.card-body{padding:17px}.card-actions{flex-wrap:wrap}.card-actions .row{width:100%;justify-content:space-between}.studio-layout{grid-template-columns:1fr}.studio-aside{display:none}.detail-grid{grid-template-columns:1fr}.top-actions .pill{display:none}}@media(max-width:520px){.template-grid{grid-template-columns:1fr}.cover{height:240px;padding:27px}.cover h2,.cover.danger h2{font-size:40px}.catalog-toolbar{align-items:flex-start;flex-direction:column}.search{max-width:none;width:100%}.page-head{gap:10px}.page-head p{font-size:13px}.hero-compose{display:block}.hero-compose>.btn{margin-top:16px}.card-actions{flex-wrap:nowrap}.card-actions .row{width:auto}.form-grid{grid-template-columns:1fr}.metrics{gap:10px}.metric{padding:17px}.metric strong{font-size:26px}.credit-packs{grid-template-columns:1fr}.balance{padding:23px}.panel{padding:20px}.theme-options{gap:4px}.crumb{font-size:13px}.topbar{padding:0 20px}.page-head h1{font-size:24px}.nav{margin-left:-8px;margin-right:-8px}.nav a{padding:10px}.footer-line{flex-direction:column;gap:8px}.row.wrap{flex-wrap:wrap}}

@media(max-width:520px){.nav{scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.topbar{height:64px}.page-head{display:block}.page-head .eyebrow{display:none}.page-head h1{font-size:25px}.page-head>a,.page-head>.row{margin-top:16px}.hero-compose{padding:18px}.compose-copy h2{font-size:16px}.page{padding-top:25px}.hero-compose{margin-bottom:23px}}