@charset "UTF-8";
:root{font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#244235;background:#f7f8f2;font-synthesis:none;--green:#386749;--ink:#244235;--muted:#7d8e75;--line:#dfe6d7;--paper:#fffef9}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}button:disabled{cursor:default;opacity:.6}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a2bf8a;outline-offset:4px}h1,h2,h3,p{margin:0}a{color:#517e43}input[type=checkbox]{accent-color:#5f854a}svg{display:block;width:100%}.header{height:88px;border-bottom:1px solid var(--line);max-width:1600px;margin:auto;padding:0 56px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px}.brand b{font-size:26px;letter-spacing:3px}.brand>span:last-child{font-size:12px;color:#8b9a7f;border-left:1px solid var(--line);padding-left:20px;margin-left:8px}.mark{width:27px;height:35px;display:flex;align-items:center;gap:4px;transform:skewY(-12deg)}.mark i{display:block;width:6px;background:#477e58;height:20px;border-radius:2px}.mark i:nth-child(2){height:32px}.mark i:nth-child(3){height:25px;margin-top:-12px}#modes{display:flex;gap:38px;height:100%;align-items:stretch}#modes button{padding:0 4px;border-bottom:3px solid transparent;font-size:15px;color:#859477;letter-spacing:1px}#modes button.active{border-color:#597d45;color:#365a3d;opacity:1}.utilities{display:flex;gap:25px;font-size:12px;color:#829276}.utilities button{padding:9px 0}.utilities span{font-size:20px;margin-left:5px}main{max-width:1450px;margin:auto;padding:36px 60px 32px}.workbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.subject{display:flex;align-items:center;gap:15px}.subject label{font-size:12px;color:#90a080;letter-spacing:1px}.subject select{background:transparent;border:0;border-bottom:1px solid #cddac0;padding:11px 30px 11px 3px;font-size:18px;max-width:270px}.segmented{display:flex;gap:7px;background:#edf1e7;padding:5px;border-radius:6px}.segmented button{font-size:13px;color:#899a77;padding:10px 20px;border-radius:4px}.segmented button.active{background:#fffef9;color:#48663b;box-shadow:0 1px 3px #304a2910;opacity:1}.kicker{font-size:12px;color:#95a586;letter-spacing:1.5px}.learn-heading{text-align:center;margin:43px auto 0;max-width:1000px}.learn-heading h1{font-size:35px;line-height:1.5;font-weight:600;letter-spacing:-.6px;margin-top:13px}.learn-heading p{font-size:16px;color:#80936c;line-height:1.8;margin-top:12px}.learning-stage{max-width:1060px;min-height:340px;margin:26px auto 0;display:flex;align-items:center;justify-content:center}.stage-inner{width:100%}.price-chart{height:280px}.indicator-chart{height:150px}.legend{display:flex;align-items:center;justify-content:center;gap:25px;font-size:12px;color:#8a9c75;margin-top:9px}.legend i{display:inline-block;width:17px;height:2px;vertical-align:middle;margin-right:7px}.stage-footer{max-width:1060px;margin:26px auto 0;border-top:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.stage-note{font-size:13px;color:#82966c;line-height:1.7}.primary{display:inline-flex;align-items:center;justify-content:center;gap:29px;padding:0 23px;height:48px;border-radius:5px;background:#376345;color:#fffef9;font-size:14px}.primary:hover{background:#487852}.primary:disabled{background:#829a75}.guanlan-button-arrow{font-size:20px;font-weight:300}.secondary{border:1px solid #cad9bb;padding:11px 18px;border-radius:5px;font-size:13px;color:#638149;background:#fafbf6}.text-button{font-size:13px;color:#839b6d;padding:10px 0}.action-row{display:flex;align-items:center;justify-content:center;gap:16px}.short-takeaway{max-width:800px;text-align:center}.short-takeaway h2{font-size:32px;font-weight:500;line-height:1.7;color:#648149}.short-takeaway p{font-size:18px;line-height:1.9;color:#8c9e77;margin-top:24px}.formula{font-size:29px;line-height:1.9;text-align:center;color:#6a8950;max-width:1000px}.learning-stage.practice{min-height:330px;display:block;padding-top:17px}.prices{display:flex;justify-content:center;gap:16px}.price{background:#fffef9;border:1px solid #dfe7d5;border-radius:9px;padding:19px 12px;width:145px;text-align:center}.price span{display:block;font-size:13px;color:#97a686;margin-bottom:14px}.price b{font-weight:450;font-size:30px;color:#64834c;display:block}.price input{font-size:29px;color:#608144;width:100%;min-width:0;border:0;border-bottom:1px solid #c7d8b5;background:#edf3e5;text-align:center;padding:2px}.price.editable{background:#f0f5e8;border-color:#c5d6b4}.price small{display:block;font-size:11px;color:#9caf88;margin-top:8px}.answer-form{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:27px}.answer-form label{font-size:14px;color:#80956a}.answer-form input{border:1px solid #cbdabc;background:#fffef9;border-radius:5px;width:160px;height:48px;padding:10px 15px;font-size:20px}.feedback{min-height:48px;text-align:center;margin-top:17px;font-size:14px;color:#a48356;line-height:1.9}.feedback.correct{color:#5e8547}.feedback .formula-small{display:block;font-size:13px;color:#8da475}.practice-hint{font-size:13px;color:#9aad88}.sample-facts{display:flex;justify-content:center;gap:22px;flex-wrap:wrap}.sample-facts .price{width:200px}.lab-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:34px 0 25px}.lab-heading h1{font-size:32px;font-weight:550;line-height:1.5;letter-spacing:-.5px}.lab-heading p{font-size:15px;color:#8a9c78;margin-top:10px;line-height:1.7}.lab-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:27px;align-items:stretch}.settings{padding:25px;background:#fffef9;border:1px solid #e0e8d7;border-radius:10px}.settings h2{font-size:18px;font-weight:500;margin-bottom:25px}.field{display:block;margin-top:23px}.field>span{font-size:12px;color:#96a786;display:block;margin-bottom:10px}.field select,.field input[type=number]{width:100%;border:1px solid #d9e4ce;background:#f7f9f1;border-radius:5px;padding:11px 12px;font-size:14px}.contract-name{font-size:15px;line-height:1.6;color:#547440}.config-button{width:100%;border:1px solid #d7e2ca;background:#f7f9f0;border-radius:5px;padding:13px;text-align:left;font-size:14px;display:flex;align-items:center;justify-content:space-between}.costs{display:flex;gap:10px;font-size:12px;color:#859b70;align-items:center;margin:22px 0 24px}.settings .primary{width:100%;gap:20px}.settings .text-button{display:block;margin:15px auto 0}.chart-board{border:1px solid #e0e8d7;border-radius:10px;padding:25px 25px 18px;background:linear-gradient(155deg,#f9fbf5,#f0f5e8);min-width:0;display:flex;flex-direction:column;justify-content:center}.chart-board-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px;font-size:15px;color:#587747}.chart-board-top span{font-size:12px;color:#97a885}.chart-board .price-chart{height:285px}.board-prompt{font-size:15px;color:#80996a;line-height:1.9;margin:25px 0 0;text-align:center}.results{margin:0 auto}.results-head{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 0 23px;border-bottom:1px solid var(--line)}.results-head .summary{font-size:13px;color:#96a983;line-height:1.8}.results-head .action-row{justify-content:flex-end}.results table{border-collapse:collapse;width:100%;margin-top:12px;text-align:left}.results th{font-size:12px;font-weight:400;color:#9aaa8a;padding:20px 14px}.results td{padding:26px 14px;border-bottom:1px solid #e0e7d8;font-size:18px;font-variant-numeric:tabular-nums}.results td small{display:block;font-size:12px;color:#9bac88;margin-top:9px}.indicator-label{font-size:20px;font-weight:500}.indicator-label i{width:6px;height:6px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:10px}.results .negative{color:#9b846b}.results .positive{color:#5a8150}.results .text-button{white-space:nowrap}.result-question{font-size:16px;color:#7a9166;margin-top:30px;line-height:1.9}.result-note{font-size:13px;color:#8a9e76;margin-top:15px;line-height:1.8}.replay-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px}.replay-controls{border:1px solid #dfe7d5;border-radius:10px;background:#fffef9;padding:24px}.replay-controls .date-label{font-size:12px;color:#97a784}.replay-controls h2{font-size:26px;font-weight:450;letter-spacing:-.4px;margin-top:8px}.position{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:22px 0;border-bottom:1px solid #e1e8d9}.position b{font-weight:500;color:#69894f}.reason{display:block;font-size:12px;color:#96a784;margin-top:22px}.reason textarea{display:block;width:100%;height:70px;resize:vertical;border:1px solid #dce6d0;border-radius:5px;margin-top:10px;padding:10px;font-size:13px;background:#fafcf6}.order-button{width:100%;margin-top:18px}.replay-status{font-size:12px;color:#859b71;line-height:1.8;margin-top:12px;min-height:44px}.replay-controls .primary{width:100%;margin-top:17px;gap:18px}.replay-foot{display:flex;justify-content:space-between;align-items:center;margin-top:18px;gap:15px;font-size:13px;color:#8da078}.replay-value{display:flex;justify-content:space-between;margin-top:17px;font-size:13px;color:#9cad8b}.replay-value b{font-weight:500;color:#67874d}.config-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:7px 0 22px}.config-item{padding:12px 8px;display:flex;align-items:center;gap:8px;border:1px solid #e1e7d8;border-radius:5px;color:#78935f;font-size:13px;cursor:pointer}.config-item:has(input:checked){background:#edf3e4;border-color:#bfd3a7}.param-row{padding:17px 0;border-top:1px solid #e4ebdc}.param-row>strong{font-size:14px;color:#65834c;font-weight:500}.params{display:flex;gap:14px;margin-top:11px;flex-wrap:wrap}.params label{font-size:12px;color:#95a883;display:flex;align-items:center;gap:9px}.params input{width:65px;padding:7px;border:1px solid #d6e1c9;border-radius:4px;background:#f6f9f0;text-align:center}.rule-copy{font-size:12px;line-height:1.9;color:#9aaa89;margin-top:11px}.modal-actions{display:flex;justify-content:flex-end;gap:20px;align-items:center;margin-top:22px;border-top:1px solid #e0e8d5;padding-top:20px}.form-error{font-size:13px;color:#a88156;line-height:1.7}.trade-summary{font-size:15px;color:#78935e;margin-bottom:16px;line-height:1.8}.trade-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:22px 0}.trade-flow div{padding:15px;background:#f2f6eb;border-radius:6px}.trade-flow small{display:block;font-size:11px;color:#9bad88;margin-bottom:8px}.trade-flow b{font-size:15px;font-weight:500}.trade-detail{padding:12px 0;border-top:1px solid #e1e9d7;font-size:14px;color:#7a9464;line-height:1.8}.dialog-select{border:1px solid #d4e0c7;background:#f6f9ef;border-radius:5px;padding:10px;width:100%;font-size:14px}.record{padding:16px 0;border-bottom:1px solid #e0e8d8;display:flex;align-items:center;justify-content:space-between;gap:20px}.record h3{font-size:16px;font-weight:500}.record p{font-size:12px;color:#97a987;margin-top:7px}.record small{font-size:12px;color:#94a784}dialog{width:760px;max-width:calc(100vw - 32px);border:1px solid #d9e3cb;padding:0;border-radius:12px;background:#fffef9;color:#63824b;box-shadow:0 25px 80px #1f382c29}dialog::backdrop{background:#2a453742;backdrop-filter:blur(4px)}dialog>header{padding:22px 27px;border-bottom:1px solid #e0e8d5;display:flex;align-items:center;justify-content:space-between;gap:15px}dialog h2{font-size:23px;font-weight:500}#close-dialog{font-size:29px;color:#8da473}#dialog-body{padding:23px 27px;max-height:72vh;overflow:auto;font-size:14px;line-height:1.9;color:#81986b}#dialog-body p+p{margin-top:14px}#dialog-body table{border-collapse:collapse;width:100%;font-size:12px}#dialog-body td,#dialog-body th{text-align:left;padding:11px 5px;border-bottom:1px solid #e3ebda;font-weight:400}#toast{position:fixed;left:50%;bottom:32px;transform:translate(-50%,15px);opacity:0;pointer-events:none;transition:.2s;background:#365941;color:#fffef9;border-radius:6px;padding:13px 22px;font-size:13px;max-width:90vw;z-index:10}#toast.show{opacity:1;transform:translate(-50%,0)}.reveal{animation:reveal .35s ease both}@keyframes reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.header{padding:0 32px}.brand>span:last-child{display:none}main{padding:30px 34px}.lab-heading h1{font-size:28px}.learn-heading h1{font-size:31px}.lab-layout{grid-template-columns:250px minmax(0,1fr);gap:20px}.settings{padding:22px}.chart-board{padding:22px}.replay-layout{grid-template-columns:minmax(0,1fr) 265px;gap:20px}.prices{gap:12px}.price{width:135px}.utilities{gap:18px}.learning-stage{min-height:320px}}
@media(max-width:800px){.lab-layout,.replay-layout{grid-template-columns:1fr}.settings{display:grid;grid-template-columns:1fr 1fr;gap:15px 22px}.settings h2{grid-column:1/-1;margin-bottom:0}.field{margin-top:10px}.settings .costs{margin:10px 0}.settings .text-button{margin:0;text-align:left}.settings .primary{height:45px}.chart-board .price-chart{height:250px}.replay-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px 22px}.replay-controls .position{padding:10px 0}.replay-controls .reason{grid-column:1/-1;margin-top:0}.replay-controls .reason textarea{height:55px}.replay-controls .order-button,.replay-controls .primary{margin-top:0}.replay-controls .replay-status{grid-column:1/-1;min-height:22px}.replay-value{margin:0;align-items:center}.learn-heading{margin-top:35px}.subject select{max-width:210px}.learning-stage{min-height:310px}.price{width:120px;padding:18px 10px}.price b,.price input{font-size:25px}.price-chart{height:250px}.short-takeaway h2{font-size:27px}.results th,.results td{padding:19px 8px}.results td{font-size:16px}.results-head{flex-wrap:wrap}.utilities{font-size:11px;gap:12px}#modes{gap:22px}}
@media(max-width:520px){.header{height:auto;min-height:75px;padding:0 22px;gap:15px;flex-wrap:wrap}.brand b{font-size:23px}.brand{gap:10px}.mark{width:23px;gap:3px}.mark i{width:5px}.utilities{margin-left:auto;font-size:11px}.utilities span{font-size:16px}#modes{order:3;width:100%;height:48px;justify-content:center;gap:60px;border-top:1px solid #e5ebdf}#modes button{font-size:14px}.brand,.utilities{margin-top:19px;margin-bottom:0}main{padding:23px 22px 25px}.workbar{flex-wrap:wrap;gap:19px}.subject{gap:13px;justify-content:space-between;width:100%}.subject label{font-size:11px}.subject select{font-size:16px;max-width:260px;padding:8px 20px 8px 0}.segmented{width:100%;justify-content:space-between;gap:4px}.segmented button{font-size:12px;padding:9px 17px;flex:1}.learn-heading{margin-top:30px}.learn-heading h1{font-size:25px;margin-top:10px;line-height:1.6}.learn-heading p{font-size:14px;line-height:1.9;margin-top:9px}.kicker{font-size:11px}.learning-stage{min-height:250px;margin-top:18px}.price-chart{height:225px}.indicator-chart{height:130px}.legend{gap:15px;font-size:10px;flex-wrap:wrap}.stage-footer{margin-top:20px;gap:15px;flex-wrap:wrap;padding-top:19px}.stage-note{font-size:12px}.primary{height:44px;font-size:12px;gap:18px;padding:0 17px}.secondary{font-size:12px;padding:10px 13px}.learning-stage.practice{padding-top:10px;min-height:330px}.prices{gap:6px}.price{width:calc((100% - 24px)/5);padding:15px 2px;border-radius:6px}.price span{font-size:10px;margin-bottom:12px}.price b,.price input{font-size:20px;letter-spacing:-.5px}.price small{font-size:9px}.answer-form{gap:10px;flex-wrap:wrap;margin-top:23px}.answer-form label{font-size:12px}.answer-form input{width:112px;height:44px;font-size:18px;padding:8px}.answer-form .primary{padding:0 12px}.feedback{font-size:12px;margin-top:18px;line-height:1.9}.feedback .formula-small{font-size:11px}.practice-hint{font-size:12px}.sample-facts{gap:10px}.sample-facts .price{width:calc((100% - 20px)/3);padding:16px 6px}.sample-facts .price b,.sample-facts .price input{font-size:24px}.short-takeaway h2{font-size:25px}.short-takeaway p{font-size:15px;margin-top:20px}.formula{font-size:22px}.lab-heading{margin:27px 0 22px;align-items:flex-start}.lab-heading h1{font-size:25px}.lab-heading p{font-size:13px;line-height:1.8}.settings{padding:19px;gap:12px 16px}.settings h2{font-size:16px}.field>span{font-size:11px}.field select{font-size:12px;padding:10px 8px}.contract-name{font-size:13px}.config-button{font-size:12px;padding:11px 9px}.settings .costs{font-size:11px;line-height:1.6;gap:7px}.settings .primary{font-size:12px;padding:0 12px;gap:15px}.settings .text-button{font-size:11px}.chart-board{padding:18px 15px}.chart-board-top{font-size:13px;margin-bottom:14px}.chart-board-top span{font-size:10px}.chart-board .price-chart{height:235px}.board-prompt{font-size:13px;margin-top:17px}.results-head{gap:17px}.results-head .summary{font-size:11px}.results-head .action-row{justify-content:space-between;width:100%}.results table{margin-top:9px}.results th{font-size:10px;padding:14px 5px}.results td{font-size:13px;padding:19px 5px}.results td small{font-size:10px;line-height:1.7;margin-top:6px}.indicator-label{font-size:14px}.indicator-label i{display:none}.results .text-button{font-size:11px}.result-question{font-size:14px;margin-top:22px}.result-note{font-size:12px}.replay-controls{padding:19px;gap:14px}.replay-controls h2{font-size:23px}.position{font-size:12px}.replay-value{font-size:12px}.replay-foot{font-size:11px}.replay-foot .text-button{font-size:11px}.replay-controls .replay-status{font-size:12px}.config-list{grid-template-columns:repeat(4,1fr);gap:7px}.config-item{font-size:11px;gap:3px;padding:9px 3px}.config-item input{margin:0 2px 0 0}.params{gap:10px}.params label{font-size:11px;gap:6px}.params input{width:52px}.trade-flow{gap:8px}.trade-flow div{padding:11px 7px}.trade-flow small{font-size:10px}.trade-flow b{font-size:12px}.record{gap:15px}.record h3{font-size:14px}.record p{font-size:11px}dialog>header{padding:19px}dialog h2{font-size:20px}#dialog-body{padding:19px;font-size:13px}#dialog-body table{font-size:10px}.text-button{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}