@font-face{font-family:system-ui;src:local('Segoe UI')}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f5f6f9;color:#17233b;font-family:Inter,'Segoe UI','Microsoft YaHei',sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}.topbar{height:88px;border-bottom:1px solid #e2e6ee;padding:0 max(6vw,24px);display:flex;align-items:center;justify-content:space-between;background:#fff}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:800;letter-spacing:.02em}.brand-divider{font-weight:300;color:#c3cad7;margin:0 15px}.brand-sub{font-size:15px;font-weight:600;letter-spacing:0}.admin-link{font-size:13px;color:#53637f}.admin-link span{margin-left:9px}.main{max-width:1336px;padding:40px 48px 72px;margin:auto}.hero{position:relative;overflow:hidden;border:1px solid #dce3ef;background:#edf2fc;border-radius:18px;padding:42px 44px;margin-bottom:43px}.eyebrow{color:#49648c;font-size:11px;font-weight:700;letter-spacing:.17em;display:flex;align-items:center;gap:8px}.eyebrow.small{font-size:10px}.live-dot{width:7px;height:7px;border-radius:50%;background:#215be8;box-shadow:0 0 0 4px #215be810}.hero h1{font-size:36px;letter-spacing:-.04em;font-weight:650;line-height:1.52;margin:20px 0 15px}.hero h1 span{color:#536987}.hero p{font-size:14px;color:#6a7b92;margin:0}.hero-bottom{display:flex;align-items:center;gap:23px;margin-top:29px}.collection-count{font-size:12px;color:#5e6e86}.collection-count b{font-size:23px;font-weight:700;color:#1c3c69;margin-right:5px}.hero-note{font-size:11px;color:#718099;border-left:1px solid #cad5e6;padding-left:23px}.hero-note span{margin:0 8px}.hero-art{position:absolute;right:6%;top:48px;width:390px;height:240px;background-image:radial-gradient(#bac9e3 1px,transparent 1px);background-size:18px 18px;transform:rotate(-7deg)}.art-node{position:absolute;z-index:1;border-radius:9px;padding:10px 18px;font-size:12px;letter-spacing:.08em;box-shadow:0 7px 16px #15386e12;background:white;border:1px solid #c6d2e8;color:#536987}.art-a{left:0;top:29px}.art-b{left:143px;top:29px;color:white;background:#2358ee;border-color:#2358ee}.art-c{right:0;top:132px}.art-d{left:49px;top:158px}.art-line{position:absolute;border:1.5px solid #8ea6ca}.line-a{left:105px;top:51px;width:40px}.line-b{left:202px;top:74px;width:132px;height:58px;border-top:0;border-right:0;border-radius:0 0 0 15px}.line-c{left:103px;top:74px;width:100px;height:83px;border-bottom:0;border-left:0;border-radius:0 16px 0 0}.art-caption{position:absolute;font-size:8px;letter-spacing:.2em;right:25px;bottom:0;color:#718aaf}.section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}h2{font-size:20px;font-weight:650;margin:3px 0}.count-pill{display:inline-flex;border-radius:6px;background:#e7ebf3;color:#61738d;font-size:11px;min-width:26px;justify-content:center;padding:1px 7px;vertical-align:middle;margin-left:8px}.tools{display:flex;gap:12px;align-items:center}.search-box{display:flex;align-items:center;gap:9px;background:white;border:1px solid #dfe4ee;border-radius:8px;padding:0 13px;width:255px;height:42px;margin:0}.search-box span{font-size:25px;line-height:1;color:#71829a}.search-box input{width:100%;border:0;outline:none;font-size:12px;background:transparent;padding:0;margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:8px;padding:10px 17px;font-size:12px;font-weight:600;white-space:nowrap;transition:background .15s,transform .15s}.button.primary{background:#2358ee;color:white}.button.primary:hover{background:#1648d5}.button.secondary{background:#fff;border-color:#dce3ee;color:#52627c}.button.secondary:hover{background:#edf2fc}.button.full{width:100%;margin-top:8px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.diagram-card{display:flex;flex-direction:column;border:1px solid #dfe4ec;border-radius:13px;background:white;padding:26px 28px;transition:transform .18s,box-shadow .18s,border-color .18s;min-height:252px}.diagram-card:hover{transform:translateY(-3px);border-color:#aebfee;box-shadow:0 14px 34px #1834550a}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.card-symbol{display:flex;gap:4px;align-items:center;border:1px solid #dce4f6;background:#f0f4fe;border-radius:8px;width:42px;height:42px;justify-content:center}.card-symbol i{width:6px;background:#5779dd;border-radius:2px}.card-symbol i:nth-child(1){height:12px}.card-symbol i:nth-child(2){height:23px}.card-symbol i:nth-child(3){height:16px}.card-number{font-size:11px;color:#97a5bb;font-variant-numeric:tabular-nums;letter-spacing:.08em}.diagram-card h3{font-size:19px;line-height:1.5;overflow-wrap:anywhere;font-weight:650;letter-spacing:-.02em;margin:0 0 10px}.diagram-card p{font-size:13px;line-height:1.8;color:#7a889d;margin:0 0 25px;flex:1;overflow-wrap:anywhere}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eef0f5;padding-top:16px;gap:8px;font-size:11px}.card-date{color:#8b98ad}.card-open{color:#2358ee;font-weight:650}.card-open span{margin-left:8px}.status{font-size:13px;color:#6a7890;padding:24px 0}.status:empty{display:none}.footer{max-width:1240px;margin:auto;padding:25px 0;border-top:1px solid #dfe4ed;display:flex;justify-content:space-between;font-size:11px;color:#8995a8}.footer>span:first-child{font-weight:650;letter-spacing:.04em}.muted{color:#7e8b9f;font-weight:400}.admin-main{max-width:1150px;padding:48px 32px 80px;margin:auto}.login-panel{max-width:450px;margin:42px auto;padding:36px;background:#fff;border:1px solid #e1e6ef;border-radius:15px}.login-panel h1,.admin-heading h1{font-size:28px;margin:15px 0 5px}.login-panel p{font-size:13px;margin-bottom:28px}form label{display:block;font-size:13px;font-weight:600;margin:20px 0}input:not([type=checkbox]):not([type=file]),textarea{display:block;width:100%;padding:11px 12px;border:1px solid #d9e0ec;border-radius:7px;background:#fff;color:#20304b;margin-top:8px;resize:vertical}input::placeholder,textarea::placeholder{color:#a2aabb;font-size:12px}.search-box input[type=search]{margin:0;padding:0;border:0}.admin-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.admin-heading p{margin:5px 0 0;font-size:13px}.admin-columns{display:grid;grid-template-columns:1.35fr 1fr;gap:26px}.panel{border:1px solid #dfe5ef;border-radius:12px;background:#fff;padding:28px}.panel h2{font-size:18px}.dropzone{position:relative;border:1.5px dashed #bac9e7;border-radius:10px;background:#f6f8ff;text-align:center;min-height:160px;padding:20px 15px;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;cursor:pointer}.dropzone strong{font-size:13px}.dropzone>span:last-of-type{font-size:11px;font-weight:400;color:#7e8eaa}.dropzone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.dropzone.drag{border-color:#2358ee;background:#eaf0ff}.upload-icon{display:grid;place-items:center;background:white;border:1px solid #dbe4f6;border-radius:8px;width:38px;height:38px;font-size:22px;font-weight:400;color:#4c6ed7;margin-bottom:6px}.optional{font-weight:400;color:#8a98ad;font-size:11px;margin-left:6px}.checkbox{display:flex;gap:8px;align-items:center;font-size:12px;color:#61728a;font-weight:400}.checkbox input{accent-color:#2358ee}.guide-panel{background:#f1f4fa;align-self:start}.guide-panel h2{margin:14px 0 22px}.guide-panel ol{padding-left:20px}.guide-panel li{padding-left:6px;margin-bottom:24px;color:#597091;font-size:13px}.guide-panel li p{font-size:12px;color:#7a899f;margin:5px 0}.storage-note{border-top:1px solid #dce3ef;padding-top:18px;color:#74849b;font-size:11px}.storage-note code{display:block;overflow-wrap:anywhere;color:#50658a;margin:9px 0;font-size:11px}.published{margin-top:38px}.published-list{background:white;border:1px solid #dfe5ef;border-radius:10px;overflow:hidden}.published-item{display:flex;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid #e9edf4}.published-item:last-child{border:0}.published-item strong{font-size:14px;font-weight:600;overflow-wrap:anywhere}.published-item small{display:block;color:#96a1b4;font-size:11px;margin-top:4px;overflow-wrap:anywhere}.published-item a{font-size:12px;color:#2358ee;white-space:nowrap;align-self:center}.text-button{border:0;background:transparent;color:#5d7396;font-size:12px}.admin-status{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:5;background:#1d2e4e;color:#fff;box-shadow:0 5px 20px #17233b22;padding:12px 20px;border-radius:8px;font-size:13px;max-width:calc(100vw - 32px)}.admin-status:empty{display:none}.admin-status.error{background:#a6363c}.viewer-page{height:100dvh;display:flex;flex-direction:column;background:white}.viewer-bar{display:flex;gap:20px;align-items:center;padding:12px 20px;border-bottom:1px solid #e1e6ef;min-height:72px}.back-link{font-size:12px;color:#65748c;white-space:nowrap;padding-right:20px;border-right:1px solid #e0e6ef}.viewer-title{flex:1;min-width:0}.viewer-title h1{font-size:14px;margin:0;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-title p{font-size:10px;margin:3px 0 0;color:#8995a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer-actions{display:flex;gap:8px}.viewer-stage{flex:1;min-height:0;position:relative;background:white}.viewer-stage iframe{display:block;width:100%;height:100%;border:0}.viewer-stage:fullscreen{width:100vw;height:100dvh}.fullscreen-exit{display:none;position:absolute;right:16px;top:12px;z-index:100}.viewer-stage:fullscreen .fullscreen-exit{display:block}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:10px 18px;background:#182943;color:#fff;border-radius:8px;font-size:12px}.toast:empty{display:none}@media(min-width:1600px){.main{padding-top:55px}.hero{margin-bottom:52px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@media(max-width:1050px){.hero-art{right:3%;transform:rotate(-7deg) scale(.8);transform-origin:right center;opacity:.8}.hero h1{font-size:30px}.hero p{max-width:53%}.main{padding:32px 28px 55px}.footer{margin:0 28px}.hero{padding:34px 30px}.hero-note{display:none}}@media(max-width:760px){.topbar{height:72px;padding:0 20px}.brand{font-size:19px;gap:8px}.brand-sub{font-size:12px}.brand-divider{margin:0 9px}.admin-link{font-size:11px}.main{padding:22px 18px 40px}.hero{padding:28px 24px;margin-bottom:28px}.hero h1{font-size:28px}.hero p{max-width:none;font-size:12px}.hero-art{display:none}.hero-bottom{margin-top:18px}.hero-note{display:block;font-size:10px;padding-left:15px}.hero-bottom{gap:15px}.hero-note span{margin:0 3px}.section-toolbar{align-items:stretch;flex-direction:column;gap:14px}.tools{width:100%;gap:8px}.search-box{width:auto;flex:1;min-width:0}.search-box input{min-width:0}.cards{grid-template-columns:1fr;gap:16px}.diagram-card{padding:22px;min-height:220px}.diagram-card h3{font-size:17px}.card-top{margin-bottom:18px}.footer{margin:0 18px;padding:20px 0;font-size:10px;gap:15px}.footer>span:last-child{display:none}.admin-main{padding:28px 18px 70px}.login-panel{margin:20px auto;padding:25px}.admin-columns{grid-template-columns:1fr}.panel{padding:22px}.admin-heading h1{font-size:24px}.guide-panel{order:2}.published .section-toolbar{flex-direction:row;align-items:center}.published-item{padding:17px;gap:10px}.viewer-bar{padding:10px;gap:10px;flex-wrap:wrap}.back-link{border:0;padding-right:0}.back-link span{display:none}.viewer-title{min-width:70%;}.viewer-title p{display:none}.viewer-actions{width:100%;justify-content:flex-end}.viewer-actions .button{padding:6px 12px;font-size:11px}}