.app-shell{color:#544b45;background:#fffaf0;min-height:100vh;overflow-x:hidden}.control-panel{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf9f0;border-bottom:1px solid #ead8bc;grid-template-columns:1fr auto auto auto;align-items:center;gap:22px;padding:16px clamp(22px,4vw,64px);display:grid;position:sticky;top:0;box-shadow:0 8px 28px #5d3f181a}.eyebrow{color:#ed7411;letter-spacing:.14em;font-size:11px;font-weight:900;display:block}.control-panel h1{color:#514842;margin:3px 0 0;font-size:20px}.actions{flex-wrap:wrap;gap:9px;display:flex}.actions button{cursor:pointer;color:#5b5149;background:#fff;border:1px solid #e6d8c7;border-radius:12px;padding:11px 16px;font-size:13px;font-weight:900;transition:all .2s;box-shadow:0 4px 10px #56371112}.actions button:hover{transform:translateY(-1px);box-shadow:0 7px 15px #5637111f}.actions .primary{color:#fff;background:linear-gradient(135deg,#ffac31,#f37b0e);border-color:#ff9b28}.actions .export{color:#fff;background:linear-gradient(135deg,#9c66df,#7044bb);border-color:#7b51c7}.actions button:disabled{opacity:.65;cursor:wait}.field-note{white-space:nowrap;align-items:center;gap:7px;font-size:12px;display:flex}.field-note b{color:#766c64}.field-note span{color:#a65a18;background:#fff0d7;border-radius:8px;padding:5px 8px;font-weight:900}.field-note small{color:#91857b}.status{color:#60695d;align-items:center;gap:8px;min-width:158px;font-size:13px;font-weight:800;display:flex}.status i{background:#4eb469;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #e2f5e7}.preview-wrap{padding:0;overflow:hidden}.board-scaler{transform-origin:top;width:864px;height:auto;margin:0 auto;position:relative}.export-board{color:#524c49;background:radial-gradient(circle at 92% 5%,#ffcd572e,#0000 24%),radial-gradient(circle at 4% 40%,#ffd5681f,#0000 22%),linear-gradient(#fffdf7,#fffbf1);width:864px;min-height:1760px;margin:0 auto;padding:24px 32px;font-family:Arial Rounded MT Bold,PingFang SC,Microsoft YaHei,sans-serif;position:relative;overflow:hidden}.export-board:before,.export-board:after{color:#f8c34d;opacity:.75;position:absolute}.export-board:before{content:"✦  ◇  ✦";letter-spacing:18px;font-size:22px;top:208px;right:25px;transform:rotate(-12deg)}.export-board:after{content:"☆  · · ·  ☆";letter-spacing:7px;font-size:22px;bottom:18px;left:12px}.board-header{text-align:left;padding:0 18px 20px;position:relative}.brand-logo{object-fit:contain;object-position:left center;width:220px;height:44px;margin:0 0 12px;display:block}.board-header h2,.board-header h3{color:#f06e0a;letter-spacing:.01em;text-shadow:0 2px #ffe3b6;margin:0;font-family:Arial Rounded MT Bold,YouYuan,STYuanti-SC,sans-serif;font-weight:900;line-height:1.05}.board-header h2{font-size:50px}.board-header h3{margin-top:7px;font-size:54px}.board-header p{color:#6d6865;letter-spacing:.08em;margin:12px 0 0;font-size:22px;font-weight:900}.board-header p span{color:#ffc637;text-shadow:0 2px #f1a818;font-size:25px}.data-notice{color:#a65a18;text-align:center;background:#fff5e9;border:1px solid #f0c59d;border-radius:12px;margin:0 18px 14px;padding:10px 14px;font-size:14px;font-weight:800}.graduation{z-index:5;color:#fff;background:linear-gradient(#ae75ec,#7543bd);border-radius:12px 24px 24px 12px;align-items:center;width:580px;min-height:98px;margin:8px 0 34px 50px;padding:14px 30px 14px 72px;display:flex;position:relative;transform:perspective(600px)rotateX(-2deg);box-shadow:0 10px 18px #60349c3d,inset 0 2px #ffffff73,inset 0 -3px #52269038}.graduation .star{z-index:3;color:#ffd44d;text-shadow:0 5px #e69b1c,0 0 0 5px #fff6d4;filter:drop-shadow(0 5px 4px #63370f3b);place-items:center;width:108px;height:108px;font-size:76px;line-height:1;display:grid;position:absolute;top:-20px;left:-46px}.graduation b{z-index:2;white-space:nowrap;text-shadow:0 2px 2px #481e7847;font-size:25px;font-weight:900;position:relative}.graduation em{color:#ffe24e;font-size:37px;font-style:normal}.ribbon-fold{display:none}.mascot{z-index:5;object-fit:contain;object-position:center;filter:drop-shadow(0 12px 10px #66481c33);width:216px;height:216px;position:absolute;bottom:-70px;right:-218px}.course{flex-direction:column;gap:28px;padding-left:48px;display:flex;position:relative}.up-rail{z-index:3;background:linear-gradient(0deg,#ff8528 0 20%,#f7bf2b 20% 40%,#6ccd7d 40% 60%,#57a7eb 60% 80%,#9561d0 80%);border-radius:18px;flex-direction:column-reverse;justify-content:space-around;align-items:center;width:26px;display:flex;position:absolute;top:6px;bottom:6px;left:11px;box-shadow:0 3px #fff,0 6px 14px #573f1a2e}.up-rail:before{content:"";border-left:2px dashed #ffffffb3;position:absolute;inset:9px 11px}.up-rail span{color:#fff;text-shadow:0 2px 3px #00000026;font-size:28px;font-weight:900;line-height:1;position:relative}.stage{--tone:#ef7d19;--soft:#fff1df;border:2px solid color-mix(in srgb,var(--tone) 47%,white);background:linear-gradient(115deg,#ffffffd1,color-mix(in srgb,var(--soft) 76%,white));border-radius:24px;padding:17px 30px 18px 116px;position:relative;box-shadow:0 10px 20px #583e1b17,inset 0 0 36px #ffffff8c}.stage.purple{--tone:#8d58ca;--soft:#f3eaff}.stage.blue{--tone:#4297e5;--soft:#eaf6ff}.stage.green{--tone:#53bd6c;--soft:#ecf9ee}.stage.yellow{--tone:#f1b523;--soft:#fff8e0}.stage.orange{--tone:#f47a1a;--soft:#fff1e2}.stage-rail{z-index:3;background:var(--tone);width:26px;position:absolute;top:-15px;bottom:-15px;left:-14px;box-shadow:2px 0 8px #573f1a1f}.stage-rail:before{content:"";border-left:2px dashed #ffffffb8;position:absolute;top:7px;bottom:7px;left:12px}.stage-rail span{z-index:2;color:#fff;text-align:center;text-shadow:0 2px 3px #00000024;font-size:23px;font-weight:900;line-height:1;position:absolute;bottom:10px;left:0;right:0}.stage:first-of-type .stage-rail{border-radius:15px 15px 0 0;top:6px}.stage:last-of-type .stage-rail{border-radius:0 0 15px 15px;bottom:6px}.stage-badge{z-index:5;color:#fff;text-align:center;width:154px;height:134px;transition:top .2s;position:absolute;left:-98px}.stage-star{background:linear-gradient(145deg,color-mix(in srgb,var(--tone) 45%,white),var(--tone) 58%,color-mix(in srgb,var(--tone) 82%,black));clip-path:polygon(50% 0,62% 33%,98% 36%,70% 58%,79% 95%,50% 74%,20% 95%,29% 58%,2% 36%,38% 33%);width:130px;height:122px;filter:drop-shadow(0 6px 3px color-mix(in srgb,var(--tone) 32%,transparent)) drop-shadow(0 0 2px white);place-items:center;display:grid;position:absolute;top:0;left:12px}.stage-star:before{content:"";background:linear-gradient(145deg,color-mix(in srgb,var(--tone) 30%,white),var(--tone));clip-path:inherit;position:absolute;inset:7px}.stage-star strong{z-index:2;letter-spacing:-.04em;text-shadow:0 3px 2px color-mix(in srgb,var(--tone) 70%,black);margin-top:-4px;font-size:26px;position:relative}.stage-badge span{z-index:6;background:var(--tone);white-space:nowrap;width:154px;box-shadow:0 3px 7px color-mix(in srgb,var(--tone) 30%,transparent);border:3px solid #fff;border-radius:13px;padding:7px 7px 8px;font-size:13px;font-weight:900;position:absolute;bottom:1px;left:0}.track-area{width:100%;min-height:188px;position:relative}.track-line{background:var(--tone);border-radius:5px;height:5px;position:absolute;left:0;right:0;box-shadow:0 2px #fffffff2}.track-line:before,.track-line:after{content:"";background:var(--tone);border-radius:50%;width:15px;height:15px;position:absolute;top:-5px}.track-line:before{left:-4px}.track-line:after{right:-4px}.tick{color:#655f5c;font-size:14px;font-weight:800;position:absolute;transform:translate(-50%)}.tick:first-of-type,.tick:last-of-type{color:var(--tone);font-size:25px;font-weight:900}.tick:first-of-type{transform:none}.tick:last-of-type{transform:translate(-100%)}.runner{text-align:center;position:absolute;transform:translate(-50%)}.runner i{z-index:0;width:1px;height:var(--lane-gap);border-left:1px dashed color-mix(in srgb,var(--tone) 64%,white);position:absolute;left:50%}.runner.below i{bottom:100%}.runner.above i{top:100%}.runner div{z-index:1;min-height:inherit;border:1.5px solid color-mix(in srgb,var(--tone) 52%,white);background:#fffffff0;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:8px 11px;display:flex;position:relative;box-shadow:0 4px 8px #4b371914}.runner b{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;font-size:14px;line-height:1.4;overflow:visible}.runner span{color:var(--tone);flex:none;font-size:14px;font-weight:900}.axis-marker{z-index:4;border:3px solid color-mix(in srgb,var(--tone) 35%,white);background:var(--tone);border-radius:50%;width:17px;height:17px;position:absolute;transform:translate(-50%);box-shadow:0 1px #fffc}.export-board footer{text-align:center;color:#6a625c;letter-spacing:.02em;background:#fffaece6;border:1px solid #f2d5a9;border-radius:16px;width:max-content;max-width:680px;margin:28px auto 0;padding:12px 24px;font-size:16px;font-weight:900;position:relative;box-shadow:0 4px 12px #60411514}.export-board footer span{margin-right:10px;font-size:20px}.graduation{z-index:20;margin-bottom:42px}.mascot{z-index:50;pointer-events:none;width:220px;height:auto;position:absolute;top:225px;bottom:auto;right:18px}.course{z-index:1;padding-left:78px}.up-rail{left:64px}.stage-badge{left:-78px}.runner i{left:var(--anchor-left,50%)}@media (max-width:900px){.preview-wrap{width:100%;padding:0;overflow:hidden}.board-scaler{transform:scale(var(--board-scale,1));transform-origin:0 0;margin:0 0 0 4px}}@media print{.control-panel{display:none}.preview-wrap{padding:0}.export-board{box-shadow:none}}