:root{--blue:#004dff;--accent:#0072f2;--page-bg:#f2f6fa;--text:#000;--card:#fff;--scale:1;font-size:calc(100vw / 7.5)}
@media(min-width:750px){:root{font-size:100px}}
html,body,div,span,h1,h2,h3,p,form,label,input,textarea,button,section,header,footer,main,a{margin:0;padding:0;border:0}
body{font:0.24rem "Microsoft YaHei","微软雅黑",Arial,Tahoma,MicrosoftJhengHei,sans-serif;background:var(--page-bg);color:var(--text);min-height:100vh}
a{text-decoration:none;color:var(--blue)}button,input,textarea,select{font-family:"Microsoft YaHei","PingFang SC",sans-serif}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #70a3ff;outline-offset:3px}input,textarea{outline:none}input:focus,textarea:focus{box-shadow:0 0 0 2px #a8c4ff!important}input,textarea{color:inherit}button:disabled{opacity:.5;cursor:wait}
.home{background:#f4f7ff}.home *{box-sizing:border-box}.login-header{background:var(--blue);padding:.7rem 0 .5rem;text-align:center;color:#fff}.login-header .logo{font-size:calc(.54rem * var(--scale));font-weight:700;letter-spacing:3px}.login-header .subtitle{font-size:calc(.26rem * var(--scale));opacity:.75;margin-top:.12rem;letter-spacing:1px}.login-card{margin:.4rem .3rem 0;background:var(--card);border-radius:.24rem;padding:.4rem .32rem .48rem;box-shadow:0 4px 20px #004dff14}.tab-bar{display:flex;border-bottom:.02rem solid #e8ecf4;margin-bottom:.42rem}.tab-item{flex:1;text-align:center;font-size:.32rem;padding-bottom:.22rem;cursor:pointer;color:#aaa;border-bottom:.04rem solid transparent;margin-bottom:-.02rem;background:none}.tab-item.active{color:var(--blue);font-weight:700;border-bottom-color:var(--blue)}.form-group{margin-bottom:.3rem}.form-group label{display:block;font-size:.28rem;color:#555;margin-bottom:.12rem}.form-group input{width:100%;height:.88rem;border:.02rem solid #e0e4ec;border-radius:.14rem;padding:0 .24rem;font-size:.3rem;background:#fafbff}.form-group input:focus{border-color:var(--blue);background:#fff}.submit-btn{width:100%;height:.88rem;background:var(--blue);color:#fff;border-radius:.44rem;font-size:.34rem;font-weight:700;margin-top:.12rem}.err-msg{font-size:.26rem;color:#e33;text-align:center;min-height:.4rem;margin-top:.18rem}.tip{font-size:.24rem;color:#aaa;text-align:center;margin:.36rem .3rem;line-height:1.7}.captcha-row{display:flex;align-items:center;gap:.16rem}.captcha-row canvas{border-radius:.1rem;border:.02rem solid #e0e4ec;flex-shrink:0;cursor:pointer;width:160px;height:52px;max-width:42%}.captcha-row input{min-width:0;flex:1}.captcha-refresh{font-size:.22rem;color:var(--blue);background:none}.preview-btn{display:inline-flex;align-items:center;justify-content:center;gap:.12rem;padding:0 .48rem;height:.72rem;background:linear-gradient(90deg,#fff,#e8f0ff 40%,#fff 60%,#e8f0ff);background-size:200% auto;color:var(--blue);border:.02rem solid var(--blue);border-radius:.36rem;font-size:.26rem;font-weight:600;animation:previewGlow 2s ease-in-out infinite,previewShine 3s linear infinite}.preview-url{font-size:.23rem;color:#aaa;margin-top:.14rem;word-break:break-all;line-height:1.5}.preview-area{text-align:center;margin-top:.1rem}@keyframes previewGlow{50%{box-shadow:0 0 0 .12rem #004dff2e}}@keyframes previewShine{from{background-position:-200% center}to{background-position:200% center}}
.detail-header{width:100%;height:2rem;background:var(--blue);padding-top:.001rem;color:#fff}.header-row{display:flex;align-items:center;justify-content:space-between;margin:.3rem .3rem 0;height:.6rem}.header-spacer-left{width:1.2rem}.header-spacer-right{width:.4rem}.detail-title{font-size:calc(.36rem * var(--scale));font-weight:bold;letter-spacing:2px}.page-content{padding-bottom:.3rem}.board-view{background:var(--card);border-radius:.12rem;padding:.3rem;margin-left:.3rem;margin-right:.3rem;font-size:calc(.32rem * var(--scale))}.board-view.first{margin-top:-.7rem}.board-view+.board-view{margin-top:.1rem}.section-heading{display:flex;align-items:center;margin-bottom:.1rem}.title-line{width:.08rem;border-radius:.08rem;height:.32rem;background:var(--accent);flex-shrink:0}.section-title{font-size:calc(.34rem * var(--scale));font-weight:bold;margin-left:.2rem}.form-item{border-bottom:.01rem solid #ddd;display:flex;justify-content:space-between;align-items:center;height:1rem;font-size:calc(.32rem * var(--scale))}.form-item .label{font-size:calc(.32rem * var(--scale));line-height:1.4;flex-shrink:0}.form-item input{flex:1;min-width:0;font-size:calc(.3rem * var(--scale));text-align:right;margin-left:.3rem;min-height:.9rem;background:transparent;border:0;box-shadow:none}.form-item.form-textarea{height:auto;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%}.form-textarea .label{margin-top:.3rem;line-height:normal}.form-textarea textarea{font-size:calc(.3rem * var(--scale));line-height:normal;margin-top:.3rem;margin-bottom:.3rem;resize:none;width:100%;height:60px;background:transparent;box-shadow:none}.bottom-space{height:.3rem}.watermark-layer{position:fixed;inset:0;pointer-events:none;z-index:30;overflow:hidden;user-select:none}.watermark-item{position:absolute;white-space:nowrap;font:16px/1 "Microsoft YaHei","PingFang SC",sans-serif;color:rgba(0,0,0,.18);transform:rotate(-30deg);transform-origin:center;user-select:none;pointer-events:none}.inline-edit [contenteditable=true]:focus{outline:2px solid #a8c4ff;background:#edf4ff;color:#111}.inline-edit .form-item input:focus,.inline-edit textarea:focus{background:#f7faff}.floating-tools{position:fixed;right:16px;bottom:16px;z-index:40;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #dce5f1;border-radius:30px;background:#fffffff2;box-shadow:0 4px 20px #2436541c;font:13px/1.5 "Microsoft YaHei",sans-serif}.floating-tools button,.floating-tools a{display:inline-block;background:#eef4ff;color:#1756c2;border-radius:20px;padding:8px 12px;font:inherit}.floating-tools .primary{background:var(--blue);color:white}.floating-tools small{font-size:11px;color:#6f7b8d}.toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);max-width:80vw;background:#172b4deb;color:#fff;padding:12px 20px;border-radius:10px;z-index:120;font:14px/1.5 "Microsoft YaHei",sans-serif;box-shadow:0 8px 24px #0002}
.editor{background:#f2f6fc;font:14px/1.6 "Microsoft YaHei","PingFang SC",sans-serif;color:#1d2a3a}.editor *{box-sizing:border-box}.editor-shell{max-width:1320px;margin:auto;padding:28px 24px 80px}.editor-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.editor h1{font-size:26px;font-weight:700;letter-spacing:-.5px}.editor h2{font-size:18px}.editor h3{font-size:15px}.muted{color:#748196}.eyebrow{color:var(--blue);font-size:12px;margin-bottom:4px;letter-spacing:2px}.editor-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #dce5f1;border-radius:9px;padding:9px 14px;background:white;color:#34445d;font:inherit;cursor:pointer}.btn.blue{background:var(--blue);border-color:var(--blue);color:white}.btn.danger{color:#bd3737}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:24px;align-items:start}.editor-card{padding:22px;background:#fff;border:1px solid #e3eaf3;border-radius:16px;margin-bottom:16px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.editor-field{display:grid;gap:6px;font-size:13px;color:#56657a}.editor-field input,.editor-field textarea,.editor-field select{width:100%;min-width:0;padding:10px 12px;border:1px solid #dce4ef;border-radius:8px;background:#fff;font:14px/1.5 "Microsoft YaHei",sans-serif;color:#1d2a3a}.editor-field textarea{min-height:76px;resize:vertical}.field-row{display:grid;grid-template-columns:minmax(80px,.8fr) minmax(0,1.5fr) auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #eef1f6}.field-row input,.field-row textarea{width:100%;min-width:0;border:1px solid #dce4ef;border-radius:8px;padding:10px;font:14px/1.5 "Microsoft YaHei",sans-serif}.field-row textarea{min-height:70px;resize:vertical}.field-row .remove{background:none;color:#a1aaba;padding:8px;font-size:18px;border-radius:8px}.field-row .remove:hover{color:#bd3737;background:#fff3f3}.row-legend{font-size:12px;color:#8996a8;display:grid;grid-template-columns:.8fr 1.5fr auto;gap:10px}.editor-preview{position:sticky;top:24px}.preview-frame{width:390px;max-width:100%;height:730px;border:1px solid #dfe6f0;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 14px 40px #1b3e7512}.preview-frame iframe{width:100%;height:100%;border:0}.preview-caption{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;color:#677991;font-size:12px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#1aa477;margin-right:6px}.editor details summary{cursor:pointer;font-size:16px;font-weight:600}.editor details[open] summary{margin-bottom:18px}.check-row{display:flex;align-items:center;gap:8px;margin:12px 0}.editor input[type=checkbox]{accent-color:var(--blue)}.editor input[type=color]{height:42px;padding:5px}.editor-note{font-size:12px;color:#8190a4;margin-top:12px}.hidden{display:none!important}.empty{padding:20px;text-align:center;color:#8996a8}.save-state{font-size:12px;color:#18835d}.mobile-preview-button{display:none}.readonly .floating-tools{display:none}.readonly{padding-bottom:0}
@media(max-width:1000px){.editor-layout{grid-template-columns:minmax(0,1fr) 340px}.preview-frame{width:340px;height:670px}.editor-shell{padding:20px 16px 80px}}@media(max-width:760px){.editor-layout{grid-template-columns:1fr}.editor-preview{position:static}.preview-frame{width:390px;max-width:100%;margin:auto}.editor-top{align-items:flex-start;flex-direction:column}.editor-grid{grid-template-columns:1fr}.editor-card{padding:16px}.editor h1{font-size:23px}.floating-tools{right:10px;bottom:10px;gap:5px;padding:6px}.floating-tools small{display:none}.floating-tools button,.floating-tools a{padding:8px 10px}.field-row{grid-template-columns:minmax(70px,.8fr) minmax(0,1.4fr) auto;gap:6px}}
@media print{.floating-tools,.toast,.editor-top,.editor-preview{display:none!important}.detail-header{-webkit-print-color-adjust:exact;print-color-adjust:exact}.watermark-layer{position:fixed}.board-view{break-inside:avoid}body{background:var(--page-bg);-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.view-back{color:#fff;font-size:.28rem;opacity:.85;white-space:nowrap}.fill-form .page-content{padding-bottom:2.4rem}.fill-form .form-item select{flex:1;min-width:0;font-size:.3rem;text-align:right;text-align-last:right;margin-left:.3rem;min-height:.9rem;border:0;outline:0;background:transparent;appearance:none;color:var(--text)}.fill-form input::placeholder,.fill-form textarea::placeholder{color:#bbb}.fill-form .form-item input[type=datetime-local]{direction:ltr;min-width:0}.save-bar{position:fixed;bottom:0;left:0;right:0;padding:.24rem .3rem;background:#fff;border-top:.01rem solid #e0e4ec;display:flex;gap:.2rem;z-index:100;box-sizing:border-box}.save-btn{flex:1;height:.88rem;border:0;border-radius:.44rem;font-size:.32rem;font-weight:700;cursor:pointer}.save-btn-primary{background:var(--blue);color:#fff}.save-btn-ghost{background:#e8f0ff;color:var(--blue)}.save-bar .exit-btn{flex:0 0 auto;width:1.4rem;background:#f0f2f8;color:#888;font-weight:600}.share-link-box{margin:0 .3rem .3rem;padding:.24rem .28rem;background:#eef6ff;border-radius:.2rem;border:.01rem solid #b8d8f8}.share-box-title{font-size:.26rem;color:#5a7fa8;margin-bottom:.16rem}.share-link-row{display:flex;align-items:center;gap:.16rem}#link-text{flex:1;font-size:.24rem;color:#1a4a7a;word-break:break-all;line-height:1.5}.share-link-row button{flex-shrink:0;padding:.12rem .24rem;background:var(--blue);color:#fff;border-radius:.32rem;font-size:.26rem}.share-link-actions{display:flex;gap:.2rem;flex-wrap:wrap;margin-top:.16rem;font-size:.22rem}.share-link-actions button{background:none;color:var(--blue);font:inherit}.share-link-actions #revoke-share{color:#a34b4b}.form-extras{margin:.2rem .3rem;font-size:.22rem;line-height:1.8;color:#94a0af}.form-extras span{display:block}.form-extras p{font-size:.2rem}.replica-note{position:fixed;right:8px;bottom:6px;z-index:40;font:10px/1.4 sans-serif;color:#8897aa;background:#ffffffd9;padding:3px 6px;border-radius:4px}.share-loading{padding:40px;font:16px sans-serif}.share-error{max-width:520px;margin:80px auto;padding:32px;font:16px/1.8 sans-serif}.share-error h2{font-size:24px}.share-error p{margin:20px 0}@media print{.save-bar,.form-extras,.share-link-box{display:none!important}}
