:root{font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color:#203c33;background:#f5f4ef;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d9ded6;background:transparent;color:inherit;border-radius:8px;padding:10px 14px;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#e7ebe1}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #b08a39;outline-offset:3px}a{color:inherit;text-decoration:none}header{height:94px;border-bottom:1px solid #dfe2d8;max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:650;letter-spacing:3px}.brand-mark{display:grid;place-items:center;width:43px;height:43px;background:#214d3e;color:#edeed7;border-radius:50%;font-size:24px;letter-spacing:0}.brand small{display:block;font-size:8px;letter-spacing:2.5px;margin-top:3px}.header-note{font-size:12px;color:#7d8d80;letter-spacing:3px}.version{font-size:11px;padding:7px 11px;border:1px solid #d5dccf;border-radius:30px;letter-spacing:1px}main{max-width:1320px;margin:auto;padding:0 28px}.intro{display:flex;justify-content:space-between;align-items:end;padding:54px 0 39px}.eyebrow{font-size:10px;letter-spacing:2.6px;color:#738574;display:flex;align-items:center;gap:8px}.eyebrow span{width:6px;height:6px;border-radius:50%;background:#7b9377}h1{font-family:Microsoft YaHei,sans-serif;font-size:43px;line-height:1.3;letter-spacing:-1.7px;margin:15px 0 14px;font-weight:600}.intro p{font-size:14px;color:#738073;margin:0}.mobile-break{display:none}.intro-caption{display:flex;gap:24px;font-size:11px;color:#859084;padding-bottom:5px}.intro-caption span:first-child{color:#315b48}.workspace{display:grid;grid-template-columns:292px minmax(0,1fr);border:1px solid #d9dfd2;border-radius:15px;overflow:hidden;background:#fafbf7;box-shadow:0 18px 45px #253a2410}.input-panel{padding:28px 24px;background:#fafbf7;border-right:1px solid #dce2d8}.section-label{font-size:10px;letter-spacing:2px;color:#8b9685;font-weight:500;display:flex;gap:9px;align-items:center}.section-label span{color:#5d705d;letter-spacing:1px}h2{font-size:19px;margin:12px 0 13px;font-weight:600;letter-spacing:-.4px}.guide{font-size:12px;color:#7d8779;line-height:1.95;margin:0 0 21px}.primary{background:#214e3f;color:#fff;border-color:#214e3f;width:100%;min-height:49px;font-weight:550;font-size:14px}.primary svg:last-child{margin-left:auto}.primary svg:first-child{margin-right:3px}.primary:hover:not(:disabled){background:#306b55}.input-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.input-options button{font-size:11px;flex-direction:column;gap:9px;padding:14px 4px;background:#f4f6ef}.ai-status{font-size:10px;display:flex;align-items:center;gap:7px;color:#8e9387;margin-top:16px}.dot{height:5px;width:5px;flex-shrink:0;border-radius:50%;background:#b8a16a}.dot.ready{background:#4a8c5d}.demo-link{border:0;font-size:12px;padding:13px 0 0;color:#526f54;justify-content:space-between;width:100%}.divider{height:1px;background:#e1e5da;margin:26px 0}.field-label{font-size:12px;display:flex;justify-content:space-between;margin:21px 0 9px}.field-label span{font-size:10px;color:#8b9584}select{width:100%;min-height:41px;border:1px solid #dbe1d3;border-radius:6px;padding:8px 10px;background:#fff;color:#304835;font-size:13px}.modes{display:grid;grid-template-columns:repeat(4,1fr);padding:3px;background:#edf0e7;border-radius:7px}.modes button{padding:9px 0;font-size:12px;border:0;border-radius:5px}.modes button.active{background:#fff;box-shadow:0 2px 4px #243d1d12;color:#245439}.solve-button{margin-top:22px;width:100%;background:#dee9bd;border-color:#dee9bd;font-size:13px;font-weight:600;justify-content:space-between;min-height:46px}.solve-button:hover:not(:disabled){background:#cfdca6}.micro{font-size:10px;color:#87917f;line-height:1.8;margin:13px 0 0}.stage-panel{padding:26px 28px;background:#fff}.stage-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.stage-header h2{margin:8px 0 0}.view-tabs{background:#f0f2ec;border-radius:7px;padding:3px;display:flex}.view-tabs button{border:0;font-size:11px;padding:8px 13px;border-radius:5px}.view-tabs button.active{background:#fff;box-shadow:0 2px 4px #243d1d12}.table-area{margin-top:24px;background:#e9ede4;border:1px solid #e2e6dd;border-radius:10px;padding:16px 19px 10px}.table-top,.table-bottom{display:flex;justify-content:space-between;align-items:center;gap:9px}.source{font-size:10px;border:1px solid #9dad97;border-radius:4px;padding:5px 8px;color:#56714e;background:#f3f5ed}.source.demo{border-color:#cdc6a3;color:#897846;background:#f7f4e7}.table-meta{font-size:10px;letter-spacing:.5px;color:#86917e}.table{width:100%;display:block;margin:16px 0;overflow:visible}.table.editing{touch-action:none}.ball{cursor:pointer}.corner{cursor:move}.table-bottom>span{font-size:9px;color:#7b8874;display:flex;align-items:center;gap:7px}.table-bottom button{font-size:11px;border:0;padding:7px;color:#627655}.legend-line{display:inline-block;width:20px;border-top:2px dashed #729374}.legend-contact{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c48c59;margin-left:6px}.playback{display:flex;gap:10px;align-items:center;padding-top:21px}.play{background:#244f3f;color:#fff;border:0;width:36px;height:36px;border-radius:50%;padding:0;flex-shrink:0}.play:hover:not(:disabled){background:#356951}.icon-button{padding:6px;border:0;color:#7d8d78}.playback input{width:100%;min-width:30px;accent-color:#4c7050;height:4px}.speed{font-size:10px;white-space:nowrap;min-width:76px;padding:7px 8px;background:#f4f6ef;border:0}.speed.active{background:#e4edcf}.progress{font-size:10px;color:#8c9784;min-width:29px}.status{font-size:11px;line-height:1.8;color:#7c8876;margin-top:16px;padding-top:13px;border-top:1px solid #edf0e8}.error{padding:11px 14px;border-radius:7px;font-size:12px;line-height:1.8;background:#fff1e5;border:1px solid #efd2b2;color:#946131;margin-top:10px}.editor{border:1px solid #d8e1d1;background:#f7f9f3;border-radius:8px;padding:13px;margin-top:14px}.editor-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.editor strong{font-size:12px;display:flex;align-items:center;gap:7px}.editor-top span,.corner-controls small{font-size:10px;color:#839176}.edit-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.edit-actions button,.corner-controls button{font-size:10px;padding:8px}.edit-actions select{width:115px;min-height:30px;font-size:11px}.corner-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.coordinate-fields{display:flex;gap:8px;align-items:center;margin-top:12px}.coordinate-fields label{font-size:9px;display:flex;gap:5px;align-items:center;white-space:nowrap}.coordinate-fields input{width:65px;padding:7px;border:1px solid #d8e1d1;border-radius:4px;font-size:11px;color:#304835}.coordinate-fields span{font-size:10px;color:#839176}.review-box{display:flex;align-items:center;gap:8px;font-size:11px;padding:13px 0 0;color:#8a7744}.review-box svg{flex-shrink:0}.review-box button{font-size:10px;white-space:nowrap;margin-left:auto;background:#f5f0db}.results{display:grid;grid-template-columns:292px minmax(0,1fr);margin-top:40px;gap:0}.result-title{padding-right:28px}.result-title h2{font-size:21px;line-height:1.6;margin:12px 0}.result-title p{color:#829078;font-size:12px;line-height:1.8}.empty-result{display:flex;align-items:center;gap:25px;border:1px dashed #cfd8c7;border-radius:10px;padding:32px;background:#eff2e9;color:#75926e}.empty-result h3{color:#4a6545;font-size:15px;font-weight:500;margin:0 0 8px}.empty-result p{font-size:12px;line-height:1.8;margin:0;color:#839078}.candidate-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.candidate{justify-content:flex-start;text-align:left;background:#fff;border:1px solid #e1e5da;padding:13px}.candidate.selected{border:1px solid #7d9969;background:#eff4e5}.candidate-number{font-family:Georgia,serif;font-size:24px;color:#819471;margin-right:4px}.candidate>span:nth-child(2){flex:1}.candidate strong{font-size:12px;font-weight:550;display:block}.candidate small{display:block;font-size:10px;color:#859078;margin-top:7px;line-height:1.5}.candidate em{font-size:9px;font-style:normal;background:#dfe8ca;padding:3px 5px;border-radius:3px;margin-left:8px;color:#68804f}.shot-details{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-top:16px}.aim-card,.cue-card{background:#fbfcf8;border:1px solid #dfe4d7;border-radius:9px;padding:22px}.small-label{font-size:9px;color:#89977e;letter-spacing:1px}h3{font-size:15px;font-weight:550;line-height:1.6;margin:14px 0 8px}.shot-details p{font-size:11px;color:#7b8872;line-height:1.85}.shot-details small{font-size:10px;color:#8b9583;line-height:1.8;display:block}.bank-row{display:flex;align-items:center;gap:10px;font-size:11px;border-top:1px solid #e7eade;padding:11px 0}.bank-row b{font-size:18px;color:#839c6c;font-weight:400}.bank-row span{margin-left:auto;color:#6d805d}.cue-ball-diagram{position:relative;float:right;width:75px;height:75px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#f6f6e9 60%,#cbd2b8);border:1px solid #cdd5bd;margin:12px 0 12px 12px}.cue-ball-diagram:before,.cue-ball-diagram:after{content:"";position:absolute;background:#b3bf9c66}.cue-ball-diagram:before{width:1px;height:57px;top:8px;left:36px}.cue-ball-diagram:after{height:1px;width:57px;left:8px;top:36px}.cue-ball-diagram span{position:absolute;top:30px;left:30px;width:13px;height:13px;border-radius:50%;background:#67864d;box-shadow:0 0 0 6px #8ca97020}.limits{display:flex;gap:12px;color:#839179;border-top:1px solid #dfe4d7;margin-top:35px;padding:22px 0}.limits svg{flex-shrink:0;margin-top:3px}.limits p{font-size:11px;line-height:1.9;margin:0;max-width:1080px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dfe4d7;padding:23px 0 30px;color:#8c9784;font-size:10px}footer span:first-child{font-weight:600;letter-spacing:1px;color:#57714d}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b241dcc;z-index:10;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.camera-modal{width:100%;max-width:650px;background:#f6f7ef;padding:22px;border-radius:15px}.camera-modal video{width:100%;background:#183b31;border-radius:9px;max-height:55vh;margin-top:15px}.camera-modal p{font-size:13px}.camera-modal .primary{margin-top:18px}.camera-modal .stage-header h2{margin:0}@media(min-width:1450px){.intro{padding-top:64px}.stage-panel{padding:29px 34px}.table{margin:24px 0}}@media(max-width:1000px){.intro-caption{display:none}.workspace,.results{grid-template-columns:250px minmax(0,1fr)}.input-panel,.stage-panel{padding:23px 18px}.table-area{padding:12px 9px}.stage-header h2{font-size:17px}.view-tabs button{padding:8px}.shot-details,.candidate-list{grid-template-columns:1fr}.coordinate-fields{flex-wrap:wrap}}@media(max-width:720px){header{height:74px;padding:0 21px}.brand{font-size:21px}.brand-mark{width:36px;height:36px;font-size:20px}.header-note{display:none}.version{font-size:9px}main{padding:0 16px}.intro{padding:32px 6px 27px}h1{font-size:34px;letter-spacing:-1px;line-height:1.45;margin:13px 0 10px}.intro p{font-size:12px}.eyebrow{font-size:9px;letter-spacing:2px}.workspace{display:flex;flex-direction:column;border-radius:12px}.input-panel{padding:22px;border-right:0;border-bottom:1px solid #dce2d8;display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.input-panel>.section-label,.input-panel>h2,.input-panel>.guide,.input-panel>.ai-status,.input-panel>.demo-link,.input-panel>.divider,.input-panel>.field-label,.input-panel>select,.input-panel>.modes,.input-panel>.solve-button,.input-panel>.micro{grid-column:1/-1}.input-panel h2{font-size:18px;margin-top:10px}.guide{font-size:11px;margin-bottom:16px}.input-panel>.primary{min-height:81px;flex-direction:column;font-size:12px;gap:10px}.input-panel>.primary svg:last-child{display:none}.input-options{margin:0;gap:7px}.input-options button{font-size:10px;line-height:1.7;padding:12px 2px}.ai-status{margin-top:14px}.demo-link{padding-top:12px}.divider{margin:19px 0}.field-label,.solve-button{margin-top:16px}.micro{font-size:10px}.stage-panel{padding:22px 14px 17px}.stage-header{padding:0 4px}.stage-header h2{font-size:17px}.view-tabs button{font-size:10px;padding:8px 9px}.table-area{margin-top:20px;padding:12px 5px 6px}.table-top{padding:0 5px}.table-meta{font-size:8px}.source{font-size:9px;padding:4px 5px}.table{margin:19px 0 12px}.table-bottom{padding:0 5px}.table-bottom>span{font-size:8px;gap:4px}.table-bottom button{font-size:10px;padding:7px 0;gap:4px}.legend-line{width:12px}.legend-contact{margin-left:2px}.playback{gap:6px;padding-top:17px}.play{width:32px;height:32px}.speed{min-width:66px;font-size:9px}.status{font-size:10px}.results{display:block;margin-top:28px}.result-title{padding:0 6px}.result-title h2{font-size:21px;margin:8px 0}.result-title p{font-size:11px;margin:0 0 18px}.empty-result{padding:23px 18px;gap:16px}.empty-result h3{font-size:13px}.empty-result p{font-size:11px}.candidate-list{grid-template-columns:1fr}.shot-details{grid-template-columns:1fr;gap:12px}.aim-card,.cue-card{padding:20px}.limits{padding:18px 5px;margin-top:25px;gap:9px}.limits p{font-size:10px}footer{padding:19px 5px;flex-wrap:wrap;font-size:9px;gap:12px}footer span:last-child{width:100%;font-size:8px}.editor-top{align-items:flex-start}.editor-top span{max-width:145px;line-height:1.6}.edit-actions{gap:6px}.edit-actions button{padding:8px 6px}.review-box{flex-wrap:wrap;line-height:1.7}.review-box>span{flex:1}.review-box button{margin-left:25px}.coordinate-fields span{width:100%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.table-scroll{overflow:auto;max-width:100%;overscroll-behavior:contain}.table-scroll .table{max-width:none}.zoom-controls{display:flex;gap:8px;align-items:center;margin-bottom:6px}.zoom-controls button{font-size:10px;padding:5px 8px;border-color:#cbd5c4}.zoom-controls span{font-size:9px;color:#778971}.orientation-note{font-size:10px;line-height:1.7;color:#6d8063;margin:8px 5px 10px;max-width:700px}.corner-controls label{display:flex;flex-direction:column;gap:5px;font-size:11px;min-width:180px}.corner-controls select{font-size:12px}@media(max-width:720px){.guide{font-size:12px}.micro,.status,.limits p{font-size:11px}.table-bottom>span{font-size:9px}.table-meta{font-size:9px}.shot-details p{font-size:12px}.shot-details small{font-size:11px}.candidate strong{font-size:13px}.candidate small{font-size:11px}.ball{cursor:grab}}