:root{color-scheme:light;--ink:#183344;--muted:#637581;--page:#f3f6f8;--white:#fff;--line:#d9e3e9;--blue:#dceeff;--blue-ink:#164e78;--pink:#fae4ed;--green:#1c7054;--danger:#ad3d3d;--font:"Avenir Next","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font:16px/1.65 var(--font)}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:var(--blue-ink);text-underline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:34px;line-height:1.3;letter-spacing:-.025em;font-weight:650}h2{font-size:21px;line-height:1.4}h3{font-size:20px}p{margin-top:10px}strong,b{font-weight:650}[hidden]{display:none!important}:focus-visible{outline:3px solid #387eb4;outline-offset:4px}main{max-width:1240px;padding:32px 28px 42px;margin:auto}.top{padding:17px max(28px,calc((100vw - 1184px)/2));background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:16px;color:var(--ink);text-decoration:none;font-size:23px;font-weight:700}.brand span{font-size:14px;font-weight:500;color:var(--muted);padding-left:16px;border-left:1px solid var(--line)}.connection{font-size:13px;color:var(--green);display:flex;align-items:center;gap:8px}.connection::before{content:"";width:7px;height:7px;background:currentColor;border-radius:50%}.connection.offline{color:var(--danger)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:6px 0 28px}.course{margin:0 0 8px;color:var(--muted);font-size:14px}.intro{color:var(--muted);max-width:700px}.mode{flex-shrink:0;border:1px solid #bcd5c7;background:#edf6f0;padding:12px 18px;font-size:16px;border-radius:8px;color:#285841;font-weight:650}.mode span{display:block;font-size:12px;font-weight:400;margin-top:3px}.join-panel{background:white;border:1px solid var(--line);border-radius:12px;padding:28px;display:grid;grid-template-columns:1fr 1.3fr;gap:32px;margin-bottom:24px}.join-panel p{color:var(--muted);font-size:14px}.join-panel form{display:flex;align-items:end;gap:12px}label{display:block;font-size:14px;color:var(--muted)}input{display:block;width:100%;min-height:46px;border:1px solid #aebfcb;border-radius:6px;padding:9px 12px;margin-top:6px;color:var(--ink);background:white;font-variant-numeric:tabular-nums}input::placeholder{color:#8a99a3}#room-code{text-transform:uppercase;letter-spacing:2px;max-width:155px}.primary,.secondary,.trade-button{padding:11px 18px;min-height:46px;border-radius:6px;font-weight:600;border:1px solid transparent;white-space:nowrap}.primary{background:var(--blue-ink);color:white}.primary:hover{background:#103d5e}.secondary{background:white;border-color:#b9c9d4;color:var(--ink)}.secondary:hover{background:#eef4f7}.button-link{text-decoration:none;display:inline-block}.message{padding:13px 17px;background:#fff1ed;border:1px solid #edcbc1;color:#8f3724;border-radius:7px;margin:0 0 18px}.message.success{color:#246045;background:#edf6f0;border-color:#bcd9c6}.account-strip{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:0 0 17px;font-size:14px}.account-strip strong{margin-right:auto;font-size:16px}.account-strip span{color:var(--muted)}.account-strip b{color:var(--ink);font-variant-numeric:tabular-nums}.trading-layout{display:grid;grid-template-columns:1.03fr 1fr;gap:22px;align-items:start}.market-panel,.result-panel,.holdings-panel,.classroom-panel{padding:25px;background:#fff;border:1px solid var(--line);border-radius:10px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.quiet{font-size:13px;color:var(--muted)}.market-columns{display:grid;grid-template-columns:1.35fr .75fr 1fr;gap:14px;padding:0 0 10px;font-size:12px;color:var(--muted)}.horse-row{display:grid;grid-template-columns:1.35fr .75fr 1fr;align-items:center;gap:14px;padding:18px 0;border-top:1px solid var(--line)}.horse-name{display:flex;align-items:center;gap:11px}.horse-name strong{display:block;font-size:18px}.horse-name div>span{font-size:12px;color:var(--muted)}.horse-symbol{display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:650;background:#eaf0f4;width:41px;height:47px;flex-shrink:0;border-radius:6px}.odds{background:var(--blue);color:var(--blue-ink);border-radius:7px;text-align:center;padding:8px 4px;font-size:25px;font-weight:650;font-variant-numeric:tabular-nums}.odds span{display:block;font-size:11px;font-weight:500}.stake-label{font-size:0}.stake-label input{font-size:18px;margin:0;text-align:right}.market-note{font-size:13px;color:var(--muted);margin:9px 0 20px}.lay-panel{margin:22px 0;border-top:1px solid var(--line);padding-top:15px}.lay-panel summary,.history summary{cursor:pointer;color:var(--blue-ink);font-weight:550}.lay-panel p{font-size:13px;color:var(--muted)}.lay-panel .market-columns{margin-top:18px}.lay-row .odds{background:var(--pink);color:#803c59}.lay-row input{background:#fff8fb}.cashflow-note{font-size:12px;color:var(--muted);line-height:1.7}.cashflow th{white-space:normal}.cashflow th:first-child{min-width:112px}.cashflow th:not(:first-child){min-width:64px}.actions{display:flex;gap:10px;margin-top:20px}.result-content{min-height:285px}.empty-result{padding:28px 12px 42px;text-align:center;color:var(--muted)}.empty-symbol{font-size:36px;font-weight:600;letter-spacing:8px;color:#7c98aa;display:block;margin-bottom:14px}.empty-result h3{color:var(--ink)}.empty-result p{font-size:14px}.outcomes{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:12px 0 19px}.outcome{background:#f1f5f8;border-radius:7px;padding:14px 16px}.outcome span{font-size:13px;color:var(--muted)}.outcome strong{display:block;font-size:29px;font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:2px 0}.positive{color:var(--green)}.negative{color:var(--danger)}.outcome small{font-size:12px;color:var(--muted)}.verdict{padding:13px 15px;border-radius:7px;background:#eef3f7;margin-top:15px}.verdict.guaranteed,.verdict.arbitrage{background:#eaf5ee;color:#205a40}.verdict.risky{background:#fff1ec;color:#963b27}.verdict.break_even{background:#f0f3f6;color:#475f70}.verdict strong{display:block;font-size:16px}.verdict p{font-size:13px;margin-top:4px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:right;padding:10px 8px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;white-space:nowrap}th{color:var(--muted);font-size:12px;font-weight:550}th:first-child,td:first-child{text-align:left;white-space:normal}thead{background:#f7f9fb}tfoot{font-weight:650}tfoot td{border-bottom:0}.trade-button{width:100%;margin-top:18px;background:var(--green);color:#fff}.trade-button:not(:disabled):hover{background:#15583f}.execution-note{font-size:13px;margin-top:12px;color:var(--muted)}.holdings-panel{margin-top:22px}.holdings-panel .empty-result{padding:14px}.holdings-summary{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.history{margin-top:16px;border-top:1px solid var(--line);padding-top:13px}.history-item{padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.history-item .item-title{display:flex;justify-content:space-between;color:var(--muted);margin-bottom:6px}.classroom-panel{margin-top:22px}.class-stats{display:flex;gap:18px;flex-wrap:wrap;font-size:14px;color:var(--muted)}.class-stats b{font-size:20px;color:var(--ink);font-variant-numeric:tabular-nums}.class-feed{display:grid;grid-template-columns:repeat(2,1fr);column-gap:26px;margin-top:10px}.feed-item{padding:12px 0;border-top:1px solid var(--line);font-size:13px}.feed-item strong{font-size:14px}.feed-item .feed-profit{display:flex;gap:17px;margin-top:5px}.feed-item .quiet{font-size:12px}footer{margin-top:28px;color:var(--muted);font-size:12px;text-align:center}.teacher-join{display:grid;grid-template-columns:.8fr 1.4fr .6fr;gap:25px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:10px}.room-code{font-size:37px;letter-spacing:5px;display:block;margin:8px 0}.join-url{display:block;margin-top:10px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:17px}.teacher-join .class-stats{flex-direction:column;justify-content:center}.counterparty,.new-classroom{margin-top:26px}.counterparty p,.new-classroom p{font-size:14px;color:var(--muted)}.counterparty .outcomes{max-width:640px}.new-classroom form{display:flex;gap:13px;align-items:end;margin-top:15px}.new-classroom input{max-width:190px}.projector-market{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:20px}.projector-horse,.projector-join{background:#fff;border:1px solid var(--line);border-radius:10px;padding:25px}.projector-horse strong{font-size:70px;color:var(--blue-ink);display:block;line-height:1.3;font-variant-numeric:tabular-nums}.projector-horse p{color:var(--muted);font-size:14px}.projector-join>strong{display:block;font-size:40px;letter-spacing:4px;margin-top:10px}body[data-page=projector] .feed-item{font-size:17px}body[data-page=projector] .feed-item strong{font-size:18px}body[data-page=projector] .classroom-panel{margin-top:28px}
@media(max-width:1050px){.trading-layout{grid-template-columns:1fr 1fr;gap:15px}.market-panel,.result-panel{padding:18px}.horse-row,.market-columns{gap:9px;grid-template-columns:1.1fr .8fr 1fr}.horse-name div>span{display:none}.horse-symbol{width:34px}.join-panel{grid-template-columns:1fr}.teacher-join{grid-template-columns:1fr 1.5fr}.teacher-join .class-stats{grid-column:1/-1;flex-direction:row}.brand span{font-size:13px}}
@media(max-width:760px){main{padding:23px 16px 30px}.top{padding:14px 16px}.brand{font-size:21px;gap:10px}.brand span{padding-left:10px;font-size:12px}.connection{font-size:11px}.page-heading{align-items:start;flex-direction:column;gap:16px;margin:0 0 22px}h1{font-size:27px;line-height:1.4}.intro{font-size:14px}.mode{padding:8px 12px;font-size:14px}.mode span{display:inline;margin-left:12px}.join-panel{padding:20px;gap:17px}.join-panel form{display:grid;grid-template-columns:1fr 1.3fr;gap:12px}.join-panel button{grid-column:1/-1}.trading-layout{grid-template-columns:1fr;gap:18px}.market-panel,.result-panel,.holdings-panel,.classroom-panel{padding:20px 16px}.market-columns,.horse-row{grid-template-columns:1.05fr .8fr 1fr;gap:12px}.horse-name div>span{display:none}.horse-name strong{font-size:16px}.horse-symbol{width:35px;height:42px;font-size:22px}.horse-name{gap:8px}.odds{font-size:24px}.stake-label input{font-size:17px;padding:10px}.section-heading{align-items:start}.section-heading>.quiet{max-width:125px;text-align:right}.account-strip{gap:10px 16px}.account-strip strong{flex-basis:100%;margin-right:0}.result-content{min-height:0}.outcome strong{font-size:27px}.holdings-summary{grid-template-columns:1fr;gap:0}.class-feed{grid-template-columns:1fr}.class-stats{font-size:12px;gap:8px 12px}.class-stats b{font-size:17px}th,td{padding:9px 7px;font-size:12px}.teacher-join{grid-template-columns:1fr;padding:20px}.teacher-join .class-stats{grid-column:auto}.projector-market{grid-template-columns:1fr 1fr;gap:12px}.projector-horse,.projector-join{padding:18px}.projector-horse strong{font-size:54px}.projector-join{grid-column:1/-1}.projector-join>strong{font-size:33px}.join-url{font-size:15px}.primary,.secondary,.trade-button{font-size:14px}.new-classroom form{flex-wrap:wrap}footer{line-height:1.9}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.book-section{margin-bottom:22px}.orderbooks{min-width:0}.depth-table{table-layout:fixed;min-width:320px}.depth-table th,.depth-table td{text-align:center;padding:9px 6px;border-right:1px solid white;white-space:nowrap}.depth-table .runner-heading,.depth-table .runner-name{text-align:left;width:20%;padding-left:14px}.depth-table .runner-name{background:#f7f9fb;color:var(--ink)}.runner-name strong{display:block;font-size:21px}.runner-name small{display:block;font-size:12px;color:var(--muted);font-weight:400}.depth-table .back-price{background:#edf6ff;color:var(--blue-ink)}.depth-table .lay-price{background:#fff1f6;color:#803c59}.depth-table .back-price.best-price{background:#cee7ff;border-right:3px solid white}.depth-table .lay-price.best-price{background:#f8dbe7}.quote-odds{display:block;font-size:24px;line-height:1.4}.quote-size{display:block;font-size:14px;line-height:1.5;font-weight:400}.depth-table tbody th,.depth-table tbody td{padding-top:14px;padding-bottom:14px}.row-price{display:block;color:var(--muted);font-size:11px;margin-top:2px}.boundary-checks{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;font-size:14px}.boundary-checks span{display:block;font-size:12px;color:var(--muted)}.projector-join{margin-top:22px}.cashflow th:first-child{min-width:105px}
@media(max-width:760px){.depth-table th,.depth-table td{padding:7px 2px;font-size:11px}.depth-table .runner-heading,.depth-table .runner-name{width:15%;padding-left:5px}.runner-name strong{font-size:16px}.runner-name small{font-size:10px}.quote-odds{font-size:14px}.quote-size{font-size:11px}.depth-table tbody th,.depth-table tbody td{padding-top:11px;padding-bottom:11px}.boundary-checks{grid-template-columns:1fr}.cashflow th:first-child{min-width:94px}.cashflow th:not(:first-child){min-width:60px}.book-section{margin-top:0}.projector-join{margin-top:18px}}
.combo-option{display:flex;align-items:flex-start;gap:12px;margin-top:22px;padding:15px;background:#f6f8fa;border:1px solid var(--line);border-radius:7px;color:var(--ink)}.combo-option input{width:20px;min-height:20px;height:20px;margin:3px 0 0;flex-shrink:0;accent-color:var(--green)}.combo-option strong{font-size:14px}.combo-option small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.executable-boundary{font-size:14px}

.table-wrap:has(.cashflow){max-height:480px;overflow:auto}.cashflow thead th{position:sticky;top:0;background:#f7f9fb;z-index:1}.cashflow tfoot td{position:sticky;bottom:0;background:white}
.verdict.cancelled{background:#fff1ec;color:#963b27}

.mode.dynamic{background:#edf3fc;border-color:#b9cce5;color:#244e7a}.stage-control{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px}.stage-description{font-size:15px}.stage-switch{display:flex;align-items:center;gap:12px;padding:16px;background:#f2f6f8;border:1px solid var(--line);border-radius:8px;color:var(--ink)}.stage-switch input{appearance:none;position:relative;width:44px;min-height:26px;height:26px;padding:0;margin:0;flex-shrink:0;background:#b2c1cb;border:0;border-radius:14px;cursor:pointer}.stage-switch input::before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:white;border-radius:50%}.stage-switch input:checked{background:var(--green)}.stage-switch input:checked::before{left:21px}.stage-switch input:disabled{opacity:.5;cursor:wait}.stage-switch small{display:block;font-size:12px;color:var(--muted);margin-top:3px}@media(max-width:760px){.stage-control{grid-template-columns:1fr;gap:16px}.stage-switch{padding:12px}.mode span{display:block;margin-left:0}}
/* 赔率保护与赌注并排；手机分两行，Back/Lay沿用相同网格。 */
.market-columns,.horse-row{grid-template-columns:1.05fr .8fr 1.1fr 1fr;gap:10px}.horse-row>*{min-width:0}.limit-label{font-size:0}.limit-label input{font-size:18px;text-align:right;margin:0}.market-columns span{overflow-wrap:anywhere}.order-summary{margin-bottom:16px}.order-summary caption{text-align:left;color:var(--ink);font-size:14px;font-weight:600;margin-bottom:8px}.order-summary th,.order-summary td{padding:9px 6px}.order-summary th:not(:first-child){min-width:58px}
@media(max-width:760px){.market-columns{display:none}.horse-row{grid-template-columns:1fr 1fr;gap:10px 14px;padding:14px 0}.horse-row .horse-name{align-self:center}.limit-label,.stake-label{font-size:12px;color:var(--muted)}.limit-label input,.stake-label input{font-size:18px;margin-top:5px;min-height:44px}.horse-name div>span{display:block}.odds{font-size:23px}.order-summary th,.order-summary td{padding:8px 4px;font-size:11px}.order-summary th:not(:first-child){min-width:45px}}
@media(min-width:761px){.horse-name div>span{display:none}}
@media(min-width:761px) and (max-width:1100px){.trading-layout{grid-template-columns:1fr}}

.classroom-entry{display:flex;align-items:center;justify-content:space-between;gap:30px}.classroom-entry-details{min-width:0}.entry-code{font-size:34px;letter-spacing:4px;margin-left:12px;white-space:nowrap}.classroom-entry .join-url{font-size:19px}.classroom-entry .class-stats{margin-top:14px}.classroom-qr{display:flex;align-items:center;justify-content:center;width:246px;max-width:100%;aspect-ratio:1;flex-shrink:0;background:#fff;color:var(--muted);text-decoration:none}.classroom-qr svg{display:block;width:100%;height:100%}@media(max-width:760px){.classroom-entry{flex-direction:column;align-items:flex-start;gap:20px}.entry-code{font-size:28px}.classroom-entry .join-url{font-size:15px}.classroom-qr{align-self:center}}

/* 窄屏只在盘口与明细表内滚动，交易输入和操作留在屏幕宽度内。 */
.mobile-table-note{display:none}
.trading-layout>* , .holdings-summary>*{min-width:0}
.table-wrap{max-width:100%;min-width:0;overscroll-behavior-inline:contain}
@media(max-width:760px){
  .top{flex-wrap:wrap;gap:10px 14px}
  .page-heading>div{min-width:0;max-width:100%}
  h1{font-size:25px;text-wrap:balance}
  .trading-layout,.holdings-summary{grid-template-columns:minmax(0,1fr)}
  .join-panel>*,.join-panel form>*{min-width:0}
  .join-panel form{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
  .section-heading,.actions{flex-wrap:wrap}
  .actions>button{flex:1;min-height:48px}
  .trade-button{min-height:48px;white-space:normal}
  .result-panel{scroll-margin-top:14px}
  .mobile-table-note{display:block;color:var(--muted);font-size:12px;margin:12px 0 7px}
  .cashflow{min-width:480px}
  .cashflow th,.cashflow td{font-size:13px}
  .cashflow thead th:first-child{left:0;z-index:3}
  .cashflow tbody td:first-child,.cashflow tfoot td:first-child{position:sticky;left:0;background:#fff;z-index:2}
  body[data-page=student] #message:not(.success),body[data-risk=student] #message:not(.success){position:sticky;top:8px;z-index:5;max-height:30dvh;overflow:auto}
  main{padding-bottom:calc(32px + env(safe-area-inset-bottom))}
}
@media(max-width:360px){
  body[data-page=student] #orderbooks::after,body[data-risk=student] #orderbooks::after{content:"左右滑动盘口表，查看全部档位。";display:block;margin-top:8px;font-size:12px;color:var(--muted)}
}
@media(max-width:760px){.lay-panel summary,.history summary{min-height:44px;padding:8px 0}}
@media(max-width:760px){.account-strip strong{min-width:0;overflow-wrap:anywhere}}
@media(max-width:760px){.cashflow{table-layout:fixed}.cashflow th:first-child,.cashflow td:first-child{width:128px;max-width:128px}}

.trade-limit-panel p{font-size:14px}.trade-limit-form{display:flex;align-items:flex-end;gap:14px;margin-top:16px}.trade-limit-form label{width:190px;max-width:100%}.order-limit-note{margin:0 0 15px;padding:10px 12px;background:#f2f6f8;border-radius:6px}#trade-limit-feedback:empty{display:none}@media(max-width:760px){.trade-limit-form{flex-wrap:wrap}.trade-limit-form input{font-size:18px}.trade-limit-form button{min-height:48px}}
