:root{--bg:#f4f5f8;--panel:#fff;--line:#e5e7ef;--ink:#232939;--muted:#8b90a1;--accent:#6254d9;--pale:#efedfc;--green:#44847b;--blue:#677dc4;font-family:"Segoe UI","Microsoft YaHei",sans-serif}body{background:var(--bg)}button{border-radius:8px;transition:background .15s,box-shadow .15s,transform .15s}button:hover{background:#eeedf6}button.primary{box-shadow:0 3px 8px #6254d923}button.primary:hover{background:#5142c1;transform:translateY(-1px)}input,select,textarea{background:#fafbfe;border-color:#e3e6ee;border-radius:7px}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #6254d912}.app-header{height:72px;background:#fff;box-shadow:0 1px 7px #222b4404}.brand-mark{background:linear-gradient(145deg,#7b6af0,#4434b0);color:white;box-shadow:0 5px 12px #5e4fcb26;border-radius:11px}.brand{font-size:16px;color:#26283d}.brand small{color:#8e89af}.version{border:0;background:#f0eefb;color:#786eb4;padding:5px 7px;border-radius:20px;font-size:8px}.workspace{height:calc(100dvh - 72px);grid-template-columns:230px minmax(450px,1fr) 300px}.project-title{padding:7px 11px;background:#f7f8fc;border-radius:20px}.project-title .live-dot{background:#4fba97}#saveState{font-size:9px;color:#89958f}.unsaved{color:#c17b35!important}.header-actions{gap:7px}.header-actions button{font-size:11px;font-weight:500}.library-button{background:#f2f0fc;color:#6657ba;border-color:#e5e0fb}.sidebar{background:#fbfcff;border-color:#e6e9f1}.side-heading{color:#9a9ead;font-size:10px;letter-spacing:.5px}.chapter-card{background:linear-gradient(125deg,#f0edff,#f7f7fe);border:1px solid #e4e0f8;border-radius:10px;padding:18px 16px;gap:10px;position:relative;overflow:hidden}.chapter-card:after{content:'✧';position:absolute;right:-4px;top:-18px;font-size:92px;color:#cec7ee30;pointer-events:none}.chapter-card small{color:#958ac5;font-size:8px}.chapter-card strong{font-size:14px;color:#413b64}.chapter-card span{color:#9790ad}.chapter-card #switchProjectBtn{font-size:10px;padding:6px;margin-top:3px;background:#ffffff90;border-color:#e5e0f6;z-index:1;color:#766997}.sidebar-path{font-family:Consolas,monospace;font-size:9px;color:#9ba1b1;padding:10px 17px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-tools button{background:white;font-size:10px;color:#74798c}.search{border-radius:7px;background:#f3f5f9;border-color:transparent;padding:10px 12px}.node-item{color:#7b8296;border-radius:7px;padding:11px 10px}.node-item.active{background:#ebe8fd;color:#5347a6}.node-item:hover{background:#f0eefb}.node-icon{background:#ebf5f2;color:#4b8a7f;border-color:#d4e7e0;border-radius:6px}.node-icon.choiceNodes{background:#fff2e8;border-color:#f2ddc9;color:#c0864e}.node-text small{font-size:8px;letter-spacing:.4px;color:#a1a5b2}.entry-mark{color:#8a7ac9;background:#f9f7ff;padding:3px;border-radius:4px}.main-toolbar{background:#ffffffb5;border-color:#e7eaf0}.tabs button{font-size:11px;color:#99a0af}.tabs button.active{color:#6254d9;border-color:#6254d9}.toolbar-actions{color:#8790a1}.toolbar-actions #checkBtn{border:1px solid #e0e6ee;padding:5px 8px;background:#fff}.stage-heading small{color:#a1a6b5;font-size:8px;letter-spacing:2px}.stage-heading h1{color:#30364a;font-size:20px}.mode-switch{background:#e9ecf3;border:0;padding:4px;gap:2px}.mode-switch button{color:#81899e}.mode-switch button.active{background:#fff;color:#6556c3;box-shadow:0 2px 5px #34395412}.stage-area{background-color:#e9ecf3;background-image:radial-gradient(#cfd5e0 .7px,transparent .7px);border:1px solid #e0e5ef;border-radius:12px;padding:16px}.stage{box-shadow:0 10px 26px #20283b22;border-radius:8px}#stageEmpty{display:flex;flex-direction:column;justify-content:center;text-align:center;padding:25px;color:#a4b0c1;background:linear-gradient(125deg,#222c3b,#303649);gap:14px}#stageEmpty span{border:1px solid #627187;border-radius:18px;font-size:35px;padding:8px 21px;color:#b4b5dc}#stageEmpty strong{font-size:15px;font-weight:500}#stageEmpty p{font-size:11px;margin:0}.transport{font-size:10px;color:#8e95a8}.transport .play-button{background:#ece9fb;border-color:#ded8f6;color:#7564c5}.timeline{background:#fff;border-color:#e3e7ee;box-shadow:0 3px 12px #25395c03;border-radius:10px;padding:16px}.timeline-head strong{color:#525a6e}.timeline-head button{background:#f4f3fc;border-color:#e5e0f7;color:#8073b9;border-radius:5px}.track-bed{background:repeating-linear-gradient(90deg,transparent,transparent calc(10% - 1px),#edf0f5 calc(10% - 1px),#edf0f5 10%);border-left-color:#e1e5ed}.track-bar{background:#e6e2fa;color:#8b80b8;border-color:#d8d0f3;border-radius:5px}.track-bar.active{background:#cfc7f2;border-color:#bdb2e9;color:#6b5b9b}.route-card{background:#fff;border-color:#e3e7ee;border-radius:8px;padding:15px;font-size:11px;color:#637086}.route-card:hover{border-color:#c9c0ef;background:#fcfbff}.main-footer{background:#fafbfe;border-color:#e3e8f0;font-size:9px;color:#a0a9b9}.inspector{border-color:#e5e8f0}.inspector-heading{height:54px;color:#4e566a}#typeBadge{background:#edf2f9;color:#8294b1;padding:4px 9px;border-radius:20px}.field-section{border-color:#edf0f5;padding:18px 0}.field-section h3{color:#53607a;font-size:11px}.field>span{color:#9199ac;font-size:10px}.check-field{color:#7d879c}.hint{color:#9ba2b1}.inspector-empty{padding:65px 8px;text-align:center;color:#a7afbf}.inspector-empty>span{font-size:45px;color:#d4d5ea}.inspector-empty h3{font-size:14px;font-weight:500;color:#949bab}.inspector-empty p{font-size:11px}.inspector-footer{background:#fafbff}.graph-tools{background:#fafbfe}.graph-tools button{background:#fff}.graph-node{background:white;border:1px solid #dce5ee;border-radius:10px;box-shadow:0 4px 12px #243b5307}.graph-node.choiceNodes{background:#fffcf7;border-color:#eddfcd}.graph-node.active{border-color:#9784e4;box-shadow:0 0 0 4px #8770dd10}.graph-node small{color:#939fb0}.graph-node strong{color:#536279}.graph-node .port{border-color:#9babc3}.edge{stroke:#bac5d7}.edge.selected{stroke:#9b8bce}#graphViewport{background-color:#f5f7fb;background-image:radial-gradient(#d8dee9 .8px,transparent .8px)}.asset-heading h1{font-size:24px;letter-spacing:-.6px;color:#3f4860}.asset-heading small{font-size:8px;color:#a49acb}.asset-heading p{color:#9a9fac;margin-bottom:0;font-size:11px}.asset-heading{padding:28px 28px 15px}.asset-heading select{font-size:10px}.asset-toolbar{display:flex;align-items:center;gap:8px;margin:0 28px 17px}.asset-toolbar button{font-size:11px;padding:9px 13px}.asset-toolbar span{margin-left:auto;font-size:9px;color:#a4aaba}.asset-card{border-color:#e1e6ef;border-radius:10px;box-shadow:0 3px 10px #33445c03;transition:box-shadow .2s,transform .2s}.asset-card:hover{box-shadow:0 8px 20px #37476410;transform:translateY(-2px)}.asset-cover{border:0;border-radius:0;width:100%;background:linear-gradient(145deg,#e2e8f4,#eff1f8);position:relative}.asset-cover .media-glyph{border:1px solid #b9c8df;border-radius:50%;padding:0 15px;font-size:36px;color:#9cacc8}.asset-type{position:absolute;left:9px;top:9px;padding:3px 5px;background:#ffffffac;border-radius:3px;font-size:7px;letter-spacing:1px;color:#7f8ca4}.asset-actions{display:flex;gap:5px}.asset-actions button:first-child{flex:1;background:#f5f5fd;color:#8071b2;border-color:#ece9f8}.asset-actions button:last-child{width:25px;background:transparent;border:0}.asset-info strong{color:#64748b;font-size:11px}.asset-info small{color:#a0aaba}.empty-library{grid-column:1/-1;text-align:center;padding:45px 20px;color:#9da7b7;display:flex;flex-direction:column;align-items:center;gap:8px}.empty-library>span{width:70px;height:70px;display:grid;place-items:center;font-size:35px;color:#a395d9;background:#ece9fb;border:1px dashed #cfc6ed;border-radius:20px}.empty-library h2{font-size:20px;color:#677188;margin:16px 0 0;font-weight:500}.empty-library h3{color:#677188;font-weight:500}.empty-library p{font-size:11px;line-height:2}.empty-library small{letter-spacing:0;font-size:9px;margin:8px}.drag-over{outline:3px dashed #a69add;outline-offset:-12px;background:#f1efff}.asset-detail{display:flex;align-items:center;gap:15px}.asset-detail .node-icon{font-size:25px;width:50px;height:50px}.asset-detail h3{font-size:15px}.asset-detail p{font-family:monospace;font-size:9px}.manager-heading{display:flex;justify-content:space-between;align-items:center;padding:10px 0 15px}.manager-heading h2{font-size:23px;color:#434763;font-weight:550;letter-spacing:-.5px}.manager-heading p{font-size:11px;color:#9ca3b3}.manager-heading small{color:#a09ac2;font-size:8px}.workspace-symbol{font-size:48px;color:#d1c9ee;background:#f4f0fe;padding:12px 22px;border-radius:20px}.manager-actions{display:flex;gap:10px;padding-bottom:20px;border-bottom:1px solid #eceef5}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px 0}.project-tile{position:relative;text-align:left;border:1px solid #e5e8f0;background:#fafbfe;padding:20px;border-radius:12px;min-height:154px}.project-tile:hover{background:#f8f6ff;border-color:#c3b8e6;box-shadow:0 6px 18px #6554a911}.project-tile.current{background:linear-gradient(130deg,#f3f0fe,#fdfcff);border-color:#cfc5ed}.project-number{font-size:25px;font-weight:300;color:#b8bfd0}.project-status{float:right;font-size:8px;background:#efedf7;border-radius:10px;padding:4px 7px;color:#8f85ad}.project-tile h3{font-size:14px;color:#505b75;margin:16px 0 8px}.project-tile p{font-size:10px;color:#929caf;margin:0 0 15px}.project-tile small{letter-spacing:0;font:9px Consolas,monospace;color:#a1a7b7}.project-arrow{position:absolute;right:18px;bottom:15px;font-size:17px;color:#b5abc8}.project-tile em{color:#c28273;font-size:10px}.path-chip{padding:12px 14px;font:11px Consolas,monospace;background:#f4f5fa;border:1px solid #e6e8f0;border-radius:8px;color:#8b89a9;overflow-wrap:anywhere;margin:12px 0}.new-project-banner,.export-intro{display:flex;gap:17px;align-items:center;padding:14px 0 20px}.new-project-banner>span,.export-intro>span{background:#efebfb;color:#9585c3;border-radius:15px;font-size:33px;width:65px;height:65px;display:grid;place-items:center;flex-shrink:0}.new-project-banner h3,.export-intro h3{font-size:17px;color:#575971;font-weight:500}.new-project-banner p,.export-intro p{font-size:11px;color:#a3a7b4}.import-illustration{font-size:45px;letter-spacing:20px;color:#b8acd8;text-align:center;padding:20px;background:#f7f5fd;border-radius:12px}.export-options{display:grid;gap:12px}.export-options label{display:grid;grid-template-columns:20px 1fr;gap:6px 10px;padding:18px;background:#f9f9fd;border:1px solid #e6e8f1;border-radius:10px;cursor:pointer}.export-options strong{font-size:12px;font-weight:500;color:#697088}.export-options span{grid-column:2;font-size:10px;line-height:1.8;color:#9c9fb0}.export-options input{accent-color:#7866c3}.export-success{background:#edf7f3;padding:15px;border:1px solid #d3e9df;border-radius:8px;font-size:11px;line-height:2;color:#649d87}.export-success a{color:#548c77;font-weight:600}.guide-step{display:flex;gap:18px;align-items:flex-start;padding:15px 0;border-bottom:1px solid #eef0f5}.guide-step>b{font-size:29px;color:#d3c9ec;font-weight:300}.guide-step h3{font-size:13px;color:#6e738b}.guide-step p{font-size:11px;color:#999fb0;line-height:2}dialog{border-radius:16px;border-color:#e8e9f3;width:min(720px,94vw);box-shadow:0 30px 110px #3432562b}dialog::backdrop{background:#2a2a463d;backdrop-filter:blur(5px)}.dialog-head{padding:16px 25px;background:#fcfcff}.dialog-head h2{color:#656680;font-size:15px}.dialog-head button{color:#a8a8bb}.dialog-actions button{padding:10px 15px;font-size:11px}.warning{background:#fcf5eb;border:1px solid #f1e6d3;color:#af9874}progress{width:100%;height:8px;accent-color:#8973cd;margin:15px 0}#toast{background:#3f405f;border-radius:10px;font-size:11px;box-shadow:0 5px 30px #30305222}.ad-gate{background:#232639ed}.ad-gate button{border-radius:7px}.overlay.editing{outline-color:#cec0ff}.overlay.selected{outline-color:#a996f1}.overlay .overlay-label{background:#433760e8}.resize-handle{background:#b19ae6}.node-id{color:#afb6c5}@media(min-width:1550px){.workspace{grid-template-columns:245px minmax(450px,1fr) 330px}}@media(max-width:1150px) and (min-width:901px){.workspace{grid-template-columns:190px minmax(380px,1fr) 260px}.project-title{display:none}}@media(max-width:900px){.app-header{height:64px}.workspace{height:calc(100dvh - 64px);display:block;min-width:0}.header-actions .library-button{padding:7px 9px;font-size:10px}.header-actions #saveBtn{font-size:0;min-width:34px}.header-actions #saveBtn:before{content:'保存';font-size:10px}.sidebar,.inspector{top:64px}.stage-heading h1{font-size:18px}.project-title{display:none}.stage-area{padding:12px}.asset-heading h1{font-size:22px}.asset-toolbar{margin:0 20px 16px}.asset-toolbar span{display:none}.project-grid{gap:10px}.project-tile{padding:15px}.main-toolbar{padding:0 14px}.manager-heading h2{font-size:20px}}@media(max-width:440px){.brand>div{display:none}.header-actions button{font-size:9px}.header-actions .library-button{padding:7px 6px}.header-actions{gap:4px}.stage-heading h1{font-size:14px}.asset-heading{display:block}.asset-heading select{margin-top:12px}.workspace-symbol{display:none}.manager-heading h2{font-size:18px}.project-grid{grid-template-columns:1fr}.new-project-banner h3{font-size:14px}.new-project-banner>span{width:45px;height:45px;font-size:24px}.rule-row{grid-template-columns:1fr 1fr 1fr 20px;gap:5px}}

.feature-section{background:linear-gradient(135deg,#f5f1ff,#f2f7fe);border:1px solid #e4dcf5;border-radius:10px;padding:14px!important;margin:12px!important}.feature-section .wide{font-size:12px;padding:12px 8px}.menu-grid{gap:12px}.menu-tile{line-height:1.6}.menu-tile small{line-height:1.8}.overlay:disabled{cursor:default;opacity:.75}