:root{--ink:#17372e;--jade:#235d4b;--jade-dark:#17483a;--rice:#f4f0e6;--paper:#fbfaf5;--red:#b44839;--gold:#c9a96a;--muted:#6f7d76;--line:#d9ddcf;--shadow:0 22px 60px rgba(28,56,45,.1)}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--rice);font-family:"Noto Sans TC",sans-serif}button{font:inherit}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid rgba(35,93,75,.15)}.brand{color:var(--ink);font:700 25px "Noto Serif TC",serif;text-decoration:none;letter-spacing:.12em}.brand span{font:600 9px sans-serif;letter-spacing:.22em;margin-left:6px;color:var(--red)}.privacy-pill{font-size:12px;padding:8px 13px;border:1px solid var(--line);border-radius:30px;background:rgba(255,255,255,.45)}main{max-width:1320px;margin:auto;padding:64px 36px 90px}.hero{max-width:840px;margin-bottom:46px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.23em;color:var(--red);text-transform:uppercase}.hero h1{font:700 clamp(42px,6vw,78px)/1.15 "Noto Serif TC",serif;letter-spacing:-.05em;margin:13px 0 20px}.hero h1 em{font-style:normal;color:var(--jade);position:relative}.hero-copy{font-size:17px;line-height:1.9;max-width:660px;color:#53665e}.workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,.8fr);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);min-height:670px}.media-panel,.result-panel{padding:34px}.result-panel{border-left:1px solid var(--line);background:#f7f5ee}.panel-heading,.panel-heading>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading>div{justify-content:flex-start}.panel-heading h2{font:700 21px "Noto Serif TC",serif;margin:0}.step{display:grid;place-items:center;width:31px;height:31px;color:white;background:var(--jade);border-radius:50%;font-size:10px;letter-spacing:.06em}.text-button{border:0;background:none;color:var(--red);cursor:pointer}.dropzone{margin-top:26px;min-height:450px;border:1px dashed #aeb9ac;background:linear-gradient(135deg,rgba(35,93,75,.03),rgba(201,169,106,.08));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px;cursor:pointer;transition:.25s}.dropzone:hover,.dropzone.dragging{border-color:var(--jade);background:#eef2e9;transform:translateY(-2px)}.enso{width:105px;height:105px;border:7px solid var(--jade);border-right-color:transparent;border-radius:50%;display:grid;place-items:center;transform:rotate(-20deg);margin-bottom:25px}.enso span{transform:rotate(20deg);font:600 27px "Noto Serif TC",serif}.dropzone h3{font:700 20px "Noto Serif TC",serif;margin:0 0 9px}.dropzone p,.empty-state p,.loading-state p{color:var(--muted);font-size:13px;line-height:1.8}.primary-button,.secondary-button{border:0;padding:14px 22px;cursor:pointer;font-weight:700;transition:.2s}.primary-button{color:white;background:var(--jade)}.primary-button:hover:not(:disabled){background:var(--jade-dark);transform:translateY(-1px)}.primary-button:disabled{opacity:.42;cursor:not-allowed}.dropzone .primary-button{margin:17px 0 12px}.file-hint{font-size:10px;color:#8a958e;letter-spacing:.08em}.media-actions{display:flex;gap:10px;margin-top:18px}.media-actions .analyze{flex:1;display:flex;justify-content:space-between}.secondary-button{background:transparent;color:var(--jade);border:1px solid var(--line)}.preview{position:relative;margin-top:26px;height:450px;overflow:hidden;background:#16231f}.preview img,.preview video{width:100%;height:100%;object-fit:contain}.preview canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.scan-line{position:absolute;left:0;right:0;height:2px;top:0;background:linear-gradient(90deg,transparent,#c6e8d4,transparent);box-shadow:0 0 18px #90d7b2;animation:scan 2.2s ease-in-out infinite}.frame-badge{position:absolute;top:14px;right:14px;color:white;background:rgba(13,34,27,.76);padding:7px 10px;font-size:11px;border-radius:4px}@keyframes scan{50%{top:100%}}.message{padding:13px;margin-top:12px;font-size:13px}.error{color:#852d22;background:#f8e5df}.empty-state,.loading-state{min-height:550px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.seal{width:66px;height:78px;border:2px solid var(--red);color:var(--red);font:700 24px/1.25 "Noto Serif TC",serif;display:grid;place-items:center;margin-bottom:22px;transform:rotate(-3deg)}.empty-state h3,.loading-state h3{font:700 20px "Noto Serif TC",serif;margin:0}.empty-state p{max-width:250px}.loader{width:48px;height:48px;border:3px solid var(--line);border-top-color:var(--jade);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:22px}@keyframes spin{to{transform:rotate(360deg)}}.score-block{display:grid;grid-template-columns:104px 1fr;align-items:center;gap:20px;padding:30px 0;border-bottom:1px solid var(--line)}.score-ring{width:100px;height:100px;border-radius:50%;display:flex;align-items:baseline;justify-content:center;padding-top:28px;background:conic-gradient(var(--jade) var(--score-angle,0deg),#dde2d8 0);position:relative}.score-ring:after{content:"";position:absolute;inset:7px;background:var(--paper);border-radius:50%}.score-ring strong,.score-ring small{position:relative;z-index:1}.score-ring strong{font:700 31px "Noto Serif TC"}.score-ring small{font-size:9px;color:var(--muted)}.status-label{display:inline-block;color:white;background:var(--jade);font-size:10px;padding:4px 8px;letter-spacing:.08em}.score-block h3{font:700 18px "Noto Serif TC";margin:8px 0 3px}.score-block p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.metrics{padding:16px 0}.metric{padding:17px 0;border-bottom:1px solid var(--line)}.metric-top{display:flex;align-items:center;justify-content:space-between}.metric-name{font-weight:700;font-size:14px}.metric-grade{font-size:11px;font-weight:700}.metric-grade.good{color:var(--jade)}.metric-grade.watch{color:#aa6b25}.metric-grade.adjust{color:var(--red)}.meter{height:3px;background:#dfe2d8;margin:10px 0}.meter span{display:block;height:100%;background:var(--jade)}.metric p{font-size:12px;color:var(--muted);line-height:1.65;margin:0}.advice-card{background:var(--ink);color:white;padding:22px;margin-top:12px}.advice-card span{font-size:9px;letter-spacing:.16em;color:#a8c2b8}.advice-card h3{font:700 18px "Noto Serif TC";margin:9px 0}.advice-card p{font-size:12px;line-height:1.7;color:#d5ded9;margin:0}.method-note{margin-top:18px;font-size:11px;color:var(--muted);line-height:1.7}.method-note summary{cursor:pointer;color:var(--jade);font-weight:700}.guide{padding:90px 0 20px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:24px}.guide article{background:var(--rice);padding:28px}.guide b{color:var(--red);font-size:11px}.guide h3{font:700 18px "Noto Serif TC";margin:12px 0 5px}.guide p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}footer{border-top:1px solid var(--line);padding:28px max(5vw,24px);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}footer span{font:700 15px "Noto Serif TC"}
@media(max-width:900px){main{padding:44px 18px 70px}.workspace{grid-template-columns:1fr}.result-panel{border-left:0;border-top:1px solid var(--line)}.guide-grid{grid-template-columns:1fr}.guide article+article{border-top:1px solid var(--line)}}
@media(max-width:560px){.topbar{height:66px}.privacy-pill{font-size:0}.privacy-pill:after{content:"本機分析";font-size:11px}.hero h1{font-size:42px}.hero-copy{font-size:15px}.media-panel,.result-panel{padding:22px 18px}.dropzone,.preview{min-height:390px;height:390px}.media-actions{flex-direction:column}.score-block{grid-template-columns:88px 1fr}.score-ring{width:84px;height:84px;padding-top:23px}.score-ring strong{font-size:26px}footer{align-items:flex-start;gap:20px;flex-direction:column}}
.stance-field{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px;padding:13px 15px;border:1px solid var(--line);background:#f8f6ef}.stance-field span{font-size:12px;font-weight:700}.stance-field select{min-width:190px;border:0;background:transparent;color:var(--jade);font-weight:700;outline:none}.validation{display:grid;grid-template-columns:.55fr 1.45fr;gap:50px;padding:80px 0 20px;border-top:1px solid var(--line)}.validation-copy h2{font:700 32px/1.4 "Noto Serif TC";margin:12px 0}.validation-copy>p:last-child{color:var(--muted);font-size:13px;line-height:1.8}.fixture-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.fixture-grid figure{margin:0;background:var(--paper);border:1px solid var(--line)}.fixture-grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.fixture-grid figcaption{padding:10px;text-align:center;font-size:11px;font-weight:700}
@media(max-width:900px){.validation{grid-template-columns:1fr}.fixture-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.stance-field{align-items:flex-start;flex-direction:column}.stance-field select{width:100%;min-width:0}.validation{padding-top:55px;gap:25px}}
.fixture-grid button{display:block;width:calc(100% - 20px);margin:0 10px 10px;padding:8px;border:1px solid var(--line);background:transparent;color:var(--jade);font-size:10px;font-weight:700;cursor:pointer}.fixture-grid button:hover{background:var(--jade);color:white}