:root{color-scheme:light;--navy:#173454;--blue:#356da4;--ink:#1d3044;--muted:#718193;--line:#e0e7ee;--paper:#f5f7fa;--surface:#fff;--blue-soft:#eaf2fa;--orange:#d58a39;--green:#2f806a;--red:#b45e65;font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper)}body{min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a8c9e8;outline-offset:2px}[hidden]{display:none!important}
.trig-topbar{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px clamp(16px,3vw,38px);background:#fff;border-bottom:1px solid var(--line)}
.trig-brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;flex-shrink:0}.trig-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--navy);color:#fff;font:700 24px Georgia,serif}.trig-brand strong{display:block;color:var(--navy);font-size:15px;letter-spacing:.02em}.trig-brand small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.trig-brand em{margin-left:5px;color:#527c9e;font-style:normal;font-weight:800}.trig-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.trig-nav a{padding:9px 12px;border:1px solid #dce5ed;border-radius:9px;background:#fff;color:#47627b;font-size:11px;text-decoration:none}.trig-nav a:hover{background:var(--blue-soft);border-color:#c5d9e9}
.trig-main{max-width:1740px;margin:auto;padding:26px clamp(12px,2.5vw,34px) 22px}.trig-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 22px}.trig-eyebrow{color:#7790a6;font-size:9px;font-weight:850;letter-spacing:.17em}.trig-hero h1{margin:7px 0 7px;color:var(--navy);font-size:clamp(24px,2.5vw,34px);letter-spacing:-.035em}.trig-hero p{max-width:850px;margin:0;color:#6d7e8f;font-size:12px;line-height:1.85}.trig-hero-status{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:9px 12px;border-radius:999px;background:#e9f4ef;color:#327a63;font-size:10px;font-weight:700}.status-dot{width:7px;height:7px;border-radius:50%;background:#3d9a78}
.trig-layout{display:grid;grid-template-columns:minmax(275px,320px) minmax(0,1fr);align-items:start;gap:15px}.trig-sidebar,.trig-workspace{display:grid;gap:13px;min-width:0}.trig-card{min-width:0;padding:15px 16px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 5px 20px rgba(25,48,72,.025)}.trig-card-title,.trig-graph-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.trig-card-title h2,.trig-graph-heading h2{margin:0;color:#233e59;font-size:14px;font-weight:780}.trig-card-title p,.trig-graph-heading p{margin:5px 0 0;color:#8a97a5;font-size:10px;line-height:1.65}.trig-count{flex-shrink:0;padding:6px 8px;border-radius:999px;background:#eef3f8;color:#648098;font-size:10px;font-weight:750}
.trig-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:13px}.trig-template-grid button{display:flex;min-height:60px;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:9px 8px;border:1px solid #dfe7ee;border-radius:9px;background:#fbfcfe;color:#315674;text-align:left}.trig-template-grid button:hover{border-color:#aac7dc;background:#f0f6fb}.trig-template-grid b{font-size:11px;font-weight:800}.trig-template-grid small{color:#8494a4;font-size:9px;line-height:1.35}.trig-template-grid .trig-template-wide{grid-column:1/-1;min-height:51px;flex-direction:row;align-items:center;justify-content:space-between;padding:10px 12px}.trig-template-wide b{font-size:12px}
.trig-curve-list{display:grid;gap:6px;margin-top:12px}.trig-curve-row{display:grid;grid-template-columns:5px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px;border:1px solid #e4eaf0;border-radius:9px;background:#fafcfe}.trig-curve-row.active{border-color:#9dbbd2;background:#f0f6fb}.trig-curve-swatch{align-self:stretch;border-radius:5px;min-height:30px}.trig-curve-select{min-width:0;border:0;background:transparent;color:#2d4d68;text-align:left;padding:2px}.trig-curve-select strong{display:block;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.trig-curve-select small{display:block;margin-top:3px;color:#8392a1;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trig-curve-visible{display:flex;align-items:center;gap:3px;color:#8090a0;font-size:9px}.trig-curve-visible input{accent-color:var(--blue)}.trig-curve-delete{width:26px;height:28px;border:1px solid #e5d4d4;border-radius:7px;background:#fff;color:#a15d61;font-size:15px}
.trig-editor{margin-top:12px;padding-top:12px;border-top:1px solid #edf1f5}.trig-field{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:8px;color:#60758a;font-size:11px}.trig-field select,.trig-param select{width:100%;min-width:0;padding:8px;border:1px solid #dbe4ed;border-radius:8px;background:#fff;color:#2c4b67;font-size:11px}.trig-expression{margin:11px 0 5px;padding:10px 11px;border-radius:9px;background:#f2f6fa;color:#8090a0;font-size:9px}.trig-expression strong{display:block;margin-top:5px;color:#254c6b;font-size:13px;overflow-wrap:anywhere;line-height:1.55}.trig-param{padding:10px 0 6px;border-bottom:1px solid #f0f3f6}.trig-param-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.trig-param-head label{color:#536c83;font-size:11px;font-weight:700}.trig-param-head output{color:#2f5f80;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}.trig-param input[type=range]{display:block;width:100%;margin:0;accent-color:var(--blue);touch-action:pan-y}.trig-param-scale{display:flex;justify-content:space-between;margin-top:4px;color:#a0aab5;font-size:9px}.trig-param select{margin-top:2px}.trig-editor-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.trig-editor-actions button,.trig-view-tools button,.trig-range-tools button{min-height:34px;padding:7px 9px;border:1px solid #dce5ed;border-radius:8px;background:#fff;color:#506980;font-size:10px}.trig-button-danger{color:#9b5c5f!important;border-color:#ead7d7!important}.trig-button-quiet:hover,.trig-view-tools button:hover{background:#f2f6fa}.trig-check{display:flex;align-items:center;gap:8px;margin-top:11px;color:#60758a;font-size:11px}.trig-check input{accent-color:var(--blue)}
.trig-graph-card{padding:17px 18px 12px}.trig-unit-select{display:flex;align-items:center;gap:8px;color:#718396;font-size:10px;white-space:nowrap}.trig-unit-select select{padding:8px;border:1px solid #dbe4ed;border-radius:8px;background:#fff;color:#365b79;font-size:10px}.trig-view-tools{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 10px}.trig-view-tools button{min-height:32px}.trig-view-tools .trig-button-primary{border-color:#2c5f80;background:#2c5f80;color:#fff}.trig-view-tools button:disabled{opacity:.4;cursor:not-allowed}.trig-range-tools{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:9px 10px;border:1px solid #e8edf2;border-radius:9px;background:#fafbfd;color:#8190a0;font-size:10px}.trig-range-tools label{display:flex;align-items:center;gap:5px;white-space:nowrap}.trig-range-tools input{width:74px;min-width:0;padding:6px;border:1px solid #dbe4ed;border-radius:6px;background:#fff;color:#355673;font-size:10px}.trig-range-tools input[type=number]{width:58px}.trig-range-tools button{min-height:28px;padding:5px 9px;background:#eaf2fa;color:#315e7d;border-color:#d5e3ef}
.trig-svg-wrap{width:100%;margin-top:8px;overflow:hidden;border-radius:10px;background:#fff}#trig-graph{display:block;width:100%;height:auto;min-height:300px;touch-action:pan-y;overflow:visible}.trig-grid-line{stroke:#edf1f5;stroke-width:1}.trig-axis-line{stroke:#95a8b8;stroke-width:1.45}.trig-tick-label{fill:#8091a1;font-size:12px}.trig-axis-label{fill:#536d83;font-size:13px;font-weight:750}.trig-function-path{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.trig-asymptote{stroke:#b45e65;stroke-width:1.5;stroke-dasharray:6 5;opacity:.8;vector-effect:non-scaling-stroke}.trig-asymptote-label{fill:#a15b63;font-size:10px;font-weight:700}.trig-keypoint{stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke}.trig-keypoint-label{fill:#2c4d68;font-size:10px;font-weight:750;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}.trig-centerline{stroke:#b9c9d7;stroke-width:1.1;stroke-dasharray:3 5}.trig-graph-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:10px 2px 0;color:#8493a2;font-size:10px;line-height:1.6}.trig-graph-footer #trig-hover-readout{color:#49677f;font-variant-numeric:tabular-nums}
.trig-info-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);gap:13px}.trig-property-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.trig-property{padding:10px;border:1px solid #e5ebf1;border-radius:9px;background:#fafcfe}.trig-property span{display:block;color:#8292a2;font-size:9px}.trig-property strong{display:block;margin-top:5px;color:#2d5877;font-size:15px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.trig-property-summary{margin:11px 0 0;color:#708194;font-size:10px;line-height:1.8}.trig-keypoints-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:12px;max-height:255px;overflow:auto}.trig-keypoint-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px;border:1px solid #e7edf2;border-radius:8px;background:#fbfcfe;font-size:10px}.trig-keypoint-row span{color:#8191a0}.trig-keypoint-row strong{color:#315c7b;font-size:10px;font-weight:750;text-align:right}.trig-keypoint-empty{grid-column:1/-1;color:#8a99a8;font-size:10px;line-height:1.7}.trig-transform-note>strong{color:#2b4d69;font-size:12px}.trig-transform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.trig-transform-grid p{margin:0;padding:10px;border-radius:9px;background:#f5f8fb}.trig-transform-grid b{display:block;color:#2f6387;font-size:13px}.trig-transform-grid span{display:block;margin-top:5px;color:#7a8a99;font-size:10px;line-height:1.7}.trig-footer{display:flex;justify-content:space-between;gap:12px;margin-top:19px;padding:13px 3px;border-top:1px solid #e2e8ee;color:#8190a0;font-size:10px}.trig-footer span{text-align:right}
@media(min-width:1500px){.trig-layout{grid-template-columns:330px minmax(0,1fr)}#trig-graph{min-height:470px}}
@media(max-width:1050px){.trig-layout{grid-template-columns:280px minmax(0,1fr)}.trig-info-grid{grid-template-columns:1fr}.trig-transform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trig-range-tools{align-items:flex-start}}
@media(max-width:760px){.trig-topbar{align-items:flex-start;flex-direction:column;gap:10px}.trig-nav{justify-content:flex-start;width:100%}.trig-nav a{padding:8px 10px}.trig-main{padding:18px 10px}.trig-hero{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:14px}.trig-layout{grid-template-columns:minmax(0,1fr)}.trig-sidebar{grid-template-columns:1fr}.trig-card{padding:13px}.trig-graph-heading{align-items:flex-start}.trig-graph-heading h2{font-size:13px}.trig-unit-select{flex-direction:column;align-items:flex-end;gap:4px}.trig-view-tools button{flex:1}.trig-range-tools{display:grid;grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);align-items:center}.trig-range-tools label{justify-content:space-between}.trig-range-tools label:nth-of-type(3){grid-column:1/3}.trig-range-tools label:nth-of-type(4){grid-column:3/5}.trig-range-tools button{grid-column:1/-1}.trig-range-tools input{width:100%;max-width:100px}.trig-range-tools input[type=number]{width:100%;max-width:80px}#trig-graph{min-height:260px}.trig-keypoints-list{grid-template-columns:1fr 1fr}.trig-footer{flex-direction:column}.trig-footer span{text-align:left}}
@media(max-width:400px){.trig-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trig-template-grid .trig-template-wide{grid-column:1/-1}.trig-keypoints-list{grid-template-columns:1fr}.trig-property-grid{grid-template-columns:1fr 1fr}.trig-range-tools{font-size:9px}.trig-range-tools input{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* V0.50 teaching layers */
.trig-period-band{fill:#eaf3fb;fill-opacity:.88;stroke:none}.trig-period-edge{stroke:#7399b7;stroke-width:1.5;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}.trig-period-label{fill:#547c9c;font-size:11px;font-weight:800}.trig-transform-ghost{fill:none;stroke:#c1ccd5;stroke-width:2;stroke-dasharray:7 5;opacity:.9;vector-effect:non-scaling-stroke}.trig-fivepoint-guide{stroke:#8d79b3;stroke-width:1.1;stroke-dasharray:3 4;opacity:.8;vector-effect:non-scaling-stroke}
.trig-teaching-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;align-items:stretch}.trig-teaching-card{display:flex;flex-direction:column;gap:12px}.trig-teaching-intro{min-height:44px;padding:10px 11px;border-radius:9px;background:#f5f8fb;color:#6f8293;font-size:10px;line-height:1.8}.trig-teaching-actions{display:flex;flex-wrap:wrap;gap:6px}.trig-teaching-actions button{min-height:34px;padding:7px 10px;border:1px solid #dce5ed;border-radius:8px;background:#fff;color:#506980;font-size:10px}.trig-teaching-actions .trig-button-primary{border-color:#2c5f80;background:#2c5f80;color:#fff}.trig-teaching-actions button:disabled,.trig-transform-progress button:disabled{opacity:.42;cursor:not-allowed}.trig-fivepoint-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:auto}.trig-fivepoint-row{display:flex;min-width:0;min-height:96px;flex-direction:column;align-items:flex-start;gap:5px;padding:8px 7px;border:1px solid #e1e8ef;border-radius:9px;background:#fafcfe}.trig-fivepoint-row.revealed{border-color:#b9cce0;background:#eff6fb}.trig-fivepoint-row.locked{background:#fafbfc}.trig-fivepoint-index{display:grid;width:24px;height:24px;place-items:center;border-radius:7px;background:#e4edf5;color:#3b6586;font-size:10px;font-weight:850}.trig-fivepoint-row.revealed .trig-fivepoint-index{background:#2e6286;color:#fff}.trig-fivepoint-name{color:#61778b;font-size:9px;line-height:1.45}.trig-fivepoint-row strong{color:#2f5878;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.trig-fivepoint-row.locked strong{color:#a1acb7;font-weight:500}.trig-transform-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.trig-transform-progress button{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:5px;padding:8px;border:1px solid #e0e7ee;border-radius:8px;background:#fafcfe;color:#728496;text-align:left}.trig-transform-progress button.current{border-color:#b5a6d0;background:#f4f0fa;color:#5e4a84}.trig-transform-progress button.done{border-color:#b9d6cb;background:#f0f7f3;color:#3d7865}.trig-transform-progress button span{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:#e7edf3;color:#506d86;font-size:10px;font-weight:850}.trig-transform-progress button.current span{background:#8065a8;color:#fff}.trig-transform-progress button small{font-size:9px;line-height:1.45;overflow-wrap:anywhere}.trig-transform-stage{flex:1;min-height:130px;padding:13px;border:1px solid #e5e8ee;border-radius:10px;background:#fbfcfe}.trig-transform-stage>span{color:#8a7aa6;font-size:9px;font-weight:800;letter-spacing:.04em}.trig-transform-stage h3{margin:7px 0;color:#2e4c68;font-size:14px}.trig-transform-stage p{margin:0;color:#708193;font-size:10px;line-height:1.8}.trig-transform-stage strong{display:block;margin-top:10px;color:#5f4b83;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
@media(max-width:1050px){.trig-teaching-grid{grid-template-columns:1fr}.trig-fivepoint-list{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:600px){.trig-fivepoint-list{grid-template-columns:repeat(2,minmax(0,1fr))}.trig-fivepoint-row{min-height:84px}.trig-transform-progress{gap:4px}.trig-transform-progress button{padding:6px 5px}.trig-transform-progress button small{font-size:8px}.trig-teaching-actions button{flex:1 1 auto}.trig-transform-stage{min-height:0}}