*{box-sizing:border-box}body{margin:0;font:16px/1.6 -apple-system,BlinkMacSystemFont,"Noto Sans TC",Arial,sans-serif;background:#eff3f8;color:#1b2b42}.frame{max-width:1440px;margin:auto}header{display:flex;gap:24px;justify-content:space-between;align-items:center;padding:18px 38px;background:#15283b;color:white}header a{color:#7ee3d0;text-decoration:none}.hero{margin:26px 26px 20px;padding:42px 48px;background:#142e3c;border-radius:25px;color:white;position:relative}.hero h1{font-size:clamp(31px,4vw,50px);line-height:1.18;margin:12px 0}.hero em{color:#80e8c9;font-style:normal}.hero p{max-width:750px;color:#d2e3e8}.tag,.kicker{color:#17b89c;letter-spacing:.13em;font-size:12px;font-weight:800}.stages{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.stages span{padding:9px 17px;background:#304857;border-radius:40px;font-size:14px}.stages .on{background:#0fb699;color:#092922}main{padding:0 26px}.panel{background:white;border:1px solid #dbe4ed;border-radius:22px;padding:34px 40px;margin:22px 0;box-shadow:0 3px 15px #152d3e06}.panel[hidden]{display:none!important}h2{font-size:27px;margin:6px 0}h3{font-size:19px;margin:0 0 15px}.panel>p{color:#718196}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}.picker{padding:22px;border:1px dashed #9fb7c8;border-radius:15px;background:#f8fbfc;font-weight:700;display:block}.picker input{display:block;margin:14px 0 10px;width:100%}.picker small{font-weight:400;display:block;color:#77899b}.primary,.outline{background:#16b5a0;color:#062e2a;border:0;border-radius:10px;padding:13px 22px;font-size:15px;font-weight:800;cursor:pointer}.outline{background:white;border:1px solid #b5cad6;color:#275267}.primary:disabled{opacity:.45;cursor:wait}.message,.hint{margin-top:12px;color:#6b8092}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.cards>div{background:#f2f8f9;border:1px solid #e1eeef;padding:17px;border-radius:14px;font-size:13px;color:#607b88}.cards strong{display:block;color:#153344;font-size:27px;margin-top:6px}.switch{display:flex;gap:8px;margin:14px 0}.switch button,.pager button{border:1px solid #ccdbe2;background:white;border-radius:8px;padding:8px 15px;cursor:pointer}.switch button.active{background:#d8f5ef;border-color:#16b5a0}.scroll{overflow-x:auto}.scroll table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:14px}th,td{padding:11px 14px;text-align:left;border-bottom:1px solid #e2e9ee}th{background:#f1f6f8;color:#496579}.pager{display:flex;justify-content:flex-end;gap:10px;align-items:center;margin:14px 0 20px;color:#708496}.task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.task{text-align:left;border:1px solid #d6e2eb;border-radius:13px;background:#f8fafc;padding:16px;color:#159f8b;cursor:pointer}.task strong{display:block;color:#203242;font-size:19px}.task small{display:block;color:#718697}.task.active{border:2px solid #19b7a0;background:#eaf9f5}.lbl{display:block;font-weight:700;margin:17px 0}.lbl textarea,.lbl select{display:block;width:100%;margin-top:8px;padding:14px;border:1px solid #ccdbe5;border-radius:9px;font:inherit}.actions{display:flex;justify-content:flex-end;gap:12px;align-items:center;flex-wrap:wrap}.actions span{margin-right:auto;color:#657d90}.paper{border:1px solid #dfe8ef;border-radius:14px;padding:22px;margin:16px 0;background:#fff}.barrow{margin:10px 0;font-size:13px;display:flex;gap:13px;align-items:center}.barrow .barlabel{width:100px;flex-shrink:0}.bartrack{flex:1;height:16px;background:#e7f4f1;border-radius:9px;overflow:hidden}.barfill{background:#16b5a0;height:100%}.barvalue{min-width:100px;text-align:right}.markdown{line-height:1.85;overflow-wrap:anywhere}.markdown table{width:100%;border-collapse:collapse;display:block;overflow:auto}.markdown h1{font-size:23px}.markdown h2{font-size:21px}.markdown h3{font-size:18px}.markdown th{background:#e8f8f4}.disclaimer{font-size:13px;color:#758a98}footer{text-align:center;padding:35px;color:#8493a3}@media(max-width:800px){header,.hero,.panel{padding:22px}.hero{margin:12px}.panel{margin:15px 0}.two,.cards,.task-grid{grid-template-columns:1fr 1fr}main{padding:0 12px}}@media(max-width:550px){.two,.cards,.task-grid{grid-template-columns:1fr}.hero h1{font-size:30px}header{flex-wrap:wrap}}@media print{body{background:#fff}header,.hero,#upload,#preview,#workspace,#manage,footer,.actions{display:none!important}#results{display:block!important;border:0;box-shadow:none;margin:0;padding:0}.panel{break-inside:avoid}.paper{break-inside:avoid}}