:root{--navy:#17324d;--teal:#14857a;--teal-dark:#0c6c63;--fog:#f4f7fa;--ink:#223a4d;--muted:#5b6e7c;--line:#dce5eb;font-family:"PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif;color:var(--ink);background:var(--fog);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}a{color:var(--teal-dark)}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible{outline:3px solid #d48a3e;outline-offset:4px}input:focus,textarea:focus{outline:2px solid var(--teal);outline-offset:1px}input,textarea{min-width:0;width:100%;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);padding:11px 12px;line-height:1.5}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#74848e}h1,h2,h3,p{margin:0}h2{font-size:22px;letter-spacing:.02em}h3{font-size:19px}.page-shell{max-width:1320px;margin:auto;padding:32px 40px 16px}.hero{padding:35px 16px 48px;display:flex;align-items:center;justify-content:space-between;gap:32px}.eyebrow{font-size:13px;letter-spacing:.2em;color:var(--teal-dark);font-weight:600}h1{font-size:clamp(40px,5vw,62px);letter-spacing:.07em;line-height:1.25;margin:18px 0;color:var(--navy)}.intro{font-size:16px;line-height:1.95;color:var(--muted)}.hero-side{min-width:250px;text-align:right;align-self:stretch;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:16px}.hero-side p{font-size:14px;letter-spacing:.08em;color:var(--muted)}.line-art{display:flex;gap:12px;align-items:end;height:64px;margin-bottom:8px}.line-art i{width:50px;height:20px;background:#d4e9e5;border-radius:8px 8px 2px 2px;transform:skewY(-15deg)}.line-art i:nth-child(2){height:40px;background:#74b4ac}.line-art i:nth-child(3){height:64px;background:var(--teal)}.button{border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:9px;min-height:46px;padding:12px 19px;display:inline-flex;align-items:center;justify-content:center;gap:25px;text-decoration:none;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#eaf4f2;transform:translateY(-1px)}.button.primary{background:var(--teal-dark);border-color:var(--teal-dark);color:#fff}.button.primary:hover{background:#09574f}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.quiet{font-size:13px;color:var(--muted);line-height:1.7}.profile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.profile-grid label{font-size:13px;color:var(--muted);display:grid;gap:9px}.progress-panel{background:var(--navy);color:white;border-radius:16px;padding:26px 32px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:18px 24px;margin:20px 0 42px;align-items:center}.progress-main{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 20px}.progress-main>span{font-size:14px;color:#d4e4ed}.progress-main strong{font-size:33px;font-weight:500;line-height:1}.progress-main strong span{font-size:16px;margin-left:4px}progress{width:100%;grid-column:1/-1;height:6px;border:0;border-radius:6px;overflow:hidden;background:#436079;accent-color:#6cd0bd}progress::-webkit-progress-bar{background:#436079}progress::-webkit-progress-value{background:#6cd0bd;transition:width .35s}progress::-moz-progress-bar{background:#6cd0bd}.metric{display:flex;flex-direction:column;gap:5px;text-align:center;border-left:1px solid #456077}.metric strong{font-size:30px;font-weight:500;font-variant-numeric:tabular-nums}.metric span{font-size:12px;color:#d4e4ed}.progress-note{grid-column:1/-1;font-size:12px;color:#c5d8e6;margin-top:2px}.workspace{display:grid;grid-template-columns:205px minmax(0,1fr);gap:32px;align-items:start}.overview{position:sticky;top:24px}.overview>p{font-size:13px;line-height:1.85;color:var(--muted);margin:13px 0 25px}.overview .storage-note{padding-top:20px;border-top:1px solid var(--line);font-size:12px}.group-link{display:block;color:var(--ink);text-decoration:none;padding:13px 0}.group-link>span{display:flex;justify-content:space-between;gap:10px;font-size:13px}.group-link b{font-size:12px;font-weight:500;color:var(--muted)}.mini-track{display:block;height:3px;background:var(--line);margin-top:10px;border-radius:3px;overflow:hidden}.mini-track i{display:block;height:100%;width:0;background:var(--teal);transition:width .3s}.group{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:24px;overflow:hidden}.group-head{padding:23px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f9fbfc;border-bottom:1px solid var(--line)}.group-head p{font-size:12px;color:var(--muted);margin-top:7px}.group-head>span{font-size:13px;white-space:nowrap;color:var(--teal-dark);font-weight:600}.item{padding:18px 24px;border-bottom:1px solid #e7edf1;transition:background .2s}.item:last-child{border-bottom:0}.item.is-done{background:#f1f8f6}.item-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.item-name{font-size:15px;font-weight:600;color:var(--navy)}.custom-name{max-width:300px}.status{display:flex;gap:7px;flex-shrink:0}.check{display:flex;align-items:center;gap:6px;padding:7px 10px;min-height:38px;font-size:12px;background:#f5f7f9;border:1px solid #dce5eb;border-radius:7px;cursor:pointer;white-space:nowrap}.check:has(input:checked){background:#e0f1ec;color:#085b50;border-color:#a6cfc2}.check.invite:has(input:checked){background:#fff1df;color:#884912;border-color:#e1c29a}.check input{width:15px;height:15px;margin:0;accent-color:var(--teal-dark);padding:0}.row-fields{display:grid;grid-template-columns:145px 105px minmax(0,1fr);gap:10px}.row-fields label{display:grid;gap:5px;font-size:11px;color:var(--muted)}.row-fields input,.row-fields textarea{font-size:13px;padding:8px 9px;min-height:40px}.row-fields textarea{height:40px;min-height:40px}.overall{margin-top:10px}.overall>label{font-size:20px;font-weight:600}.overall p{margin:8px 0 16px}.download-panel{margin-top:28px;padding:32px;background:#e4f0ee;border-radius:16px;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:24px}.download-panel p{font-size:13px;color:var(--muted);line-height:1.9;margin-top:12px}.download-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 5px;font-size:13px}.blank-links{display:flex;gap:20px;align-items:center}.blank-links span{color:var(--muted)}.text-button{color:var(--muted);border:0;background:none;font-size:13px;padding:10px}.text-button:hover{color:#a13328}#message{min-height:30px;font-size:13px;color:var(--teal-dark)}#print-view{display:none}
@media(max-width:1100px){.page-shell{padding:24px}.workspace{grid-template-columns:165px minmax(0,1fr);gap:22px}.item{padding:17px 18px}.profile-grid{gap:12px}.row-fields{grid-template-columns:135px 100px minmax(0,1fr)}.progress-panel{padding:24px}.hero{padding-top:15px}}
@media(max-width:760px){.page-shell{padding:18px}.hero{padding:15px 2px 30px}.hero-side{display:none}.intro{font-size:14px}.profile-grid{grid-template-columns:1fr 1fr;gap:16px}.panel{padding:20px}.section-head h2{font-size:20px}.progress-panel{grid-template-columns:repeat(3,1fr);gap:20px 10px;margin-bottom:28px;padding:22px}.progress-main{grid-column:1/-1}.metric{border-left:0}.metric strong{font-size:27px}.progress-note{line-height:1.8}.workspace{display:block}.overview{position:static}.overview>p,#group-progress,.overview .storage-note{display:none}.overview h2{margin-bottom:16px}.item{padding:17px 15px}.group-head{padding:20px 16px}.row-fields{grid-template-columns:1fr 1fr}.row-fields label:last-child{grid-column:1/-1}.row-fields textarea{height:60px}.item-heading{align-items:flex-start;flex-wrap:wrap}.status{margin-left:auto}.item-name{line-height:38px}.custom-name{max-width:100%}.download-panel{padding:22px;grid-template-columns:1fr}.download-actions{gap:9px}.button{padding:12px 10px;font-size:13px}.blank-links{gap:12px}footer{align-items:flex-start;flex-wrap:wrap}.profile input{font-size:16px}.group{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{@page{size:A4 portrait;margin:12mm}html,body{background:#fff!important}.page-shell{display:none!important}#print-view{display:block;font-size:9pt;color:#111}#print-view h1{font-size:20pt;margin:0 0 10pt;letter-spacing:1pt;color:#111}#print-view .print-profile{display:grid;grid-template-columns:1fr 1fr;gap:6pt;margin-bottom:12pt;overflow-wrap:anywhere}#print-view table{border-collapse:collapse;width:100%;table-layout:fixed}#print-view th,#print-view td{border:1px solid #9aa7ac;padding:4pt;text-align:left;vertical-align:top;white-space:pre-wrap;overflow-wrap:anywhere}#print-view th{background:#eef2f3}#print-view thead{display:table-header-group}#print-view tr{break-inside:avoid}#print-view .print-notes{break-inside:avoid;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:14pt;line-height:1.7}#print-view .print-summary{margin-bottom:8pt;font-size:8pt}}

.download-actions .primary{grid-column:1/-1}