body{margin:0;font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif;background:#faf7f1;color:#23201d;line-height:1.7}a{color:#8a5529;text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(1120px,calc(100% - 40px));margin:0 auto}.header{position:sticky;top:0;background:rgba(250,247,241,.94);border-bottom:1px solid #e7ddcf;z-index:10;backdrop-filter:blur(10px)}.header .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0}.logo{font-weight:900;color:#23201d;font-size:18px}.nav{display:flex;gap:10px;flex-wrap:wrap;font-size:14px}.nav a{padding:8px 10px;border-radius:999px}.nav a:hover{background:#f0e2d0;text-decoration:none}.hero{padding:72px 0 36px}.heroGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px}.panel,.card,.article{background:#fff;border:1px solid #e7ddcf;border-radius:28px;box-shadow:0 18px 55px rgba(72,48,28,.09)}.panel{padding:44px}.article{padding:44px;margin:38px auto}.eyebrow{color:#8a5529;font-weight:800;font-size:14px;margin-bottom:12px;letter-spacing:.04em}h1,h2,h3{line-height:1.18;letter-spacing:-.03em}h1{font-size:clamp(38px,6vw,68px);margin:0 0 18px}h2{font-size:clamp(24px,3vw,36px);margin:34px 0 16px}h3{font-size:21px;margin:0 0 10px}.lead{color:#6b6259;font-size:19px;margin:0 0 28px;max-width:760px}.btn{display:inline-flex;border-radius:999px;background:#8a5529;color:#fff;padding:13px 20px;font-weight:850;box-shadow:0 8px 18px rgba(138,85,41,.22)}.btn:hover{text-decoration:none;opacity:.92}.section{padding:38px 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{padding:26px;transition:.16s transform,.16s box-shadow}.card:hover{transform:translateY(-2px);box-shadow:0 22px 60px rgba(72,48,28,.13);text-decoration:none}.card p{color:#6b6259;margin:8px 0 0}.tag{display:inline-flex;background:#f0e2d0;color:#8a5529;font-weight:850;font-size:12px;border-radius:999px;padding:4px 11px;margin-bottom:14px}.tool{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;margin:24px 0}.toolbox{background:#fffaf3;border:1px solid #e7ddcf;border-radius:22px;padding:24px}label{display:grid;gap:7px;font-weight:800;margin:12px 0}input,select{width:100%;border:1px solid #e1d6c7;border-radius:14px;padding:12px 13px;font:inherit;background:#fff}.check{display:flex;gap:9px;align-items:center;font-weight:600}.check input{width:auto}.result{margin-top:14px;background:#fff;border:1px solid #e7ddcf;border-radius:18px;padding:20px}.kpi{font-size:34px;font-weight:950;color:#8a5529;line-height:1.1}.note{font-size:14px;color:#6b6259}.adbox{border:1px dashed #c8a879;background:#fff9ed;border-radius:18px;padding:16px;margin-top:16px}.article p,.article li{color:#38322d}.article table{width:100%;border-collapse:collapse;margin:20px 0;overflow:hidden;border-radius:14px}.article th,.article td{border:1px solid #e7ddcf;padding:12px;text-align:left}.article th{background:#fff9ed}.notice{border-left:4px solid #e3c9aa;padding-left:14px;color:#6b6259}.footer{border-top:1px solid #e7ddcf;padding:30px 0;color:#6b6259;font-size:14px;margin-top:30px}@media(max-width:850px){.wrap{width:min(100% - 28px,1120px)}.heroGrid,.grid,.tool{grid-template-columns:1fr}.header .wrap{align-items:flex-start;flex-direction:column}.panel,.article{padding:26px}h1{font-size:42px}}