.choice-links{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 6px}.choice-links a{padding:10px 15px;min-height:44px;background:#f0eee4;border:1px solid #dedace;border-radius:2px;text-decoration:none;font-size:14px;color:var(--green)}
.size-visual{margin:30px -56px 26px;padding:12px;border-radius:22px;background:#253f39;overflow:hidden}.size-visual svg{display:block;width:100%;height:auto}.size-visual text{font-family:"Noto Sans TC",sans-serif}
.swipe-hint{display:none;margin:-10px 0 20px;font-size:13px!important;color:#667269}
.table-wrap{overflow-x:auto;margin:28px 0}.guide-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px;line-height:1.8;text-align:left}.guide-table caption{text-align:left;color:var(--green);font-size:17px;font-weight:700;padding:0 0 16px}.guide-table th,.guide-table td{padding:15px 12px;border-bottom:1px solid #ddd4c2;vertical-align:top;overflow-wrap:break-word}.guide-table thead th{background:#eee9dc;color:#405349}.guide-table th:first-child{width:120px}.guide-table th:last-child{width:86px}
.photo-strip,.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:32px -80px;align-items:stretch}.photo-strip figure,.photo-grid figure{display:grid;grid-template-rows:auto 1fr;min-width:0;margin:0;padding:0 0 12px;overflow:hidden;background:#fffdf9;border:1px solid #e5e0d4;box-shadow:0 5px 15px #343b3207}.photo-strip a,.photo-grid a{display:block;overflow:hidden;background:#e9ebe5}.photo-strip img,.photo-grid img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center;background:#e9ebe5}.photo-strip figcaption,.photo-grid figcaption{align-self:start;padding:11px 12px 0}.photo-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));margin-left:-54px;margin-right:-54px}.photo-grid.compact img{height:auto;aspect-ratio:1/1;object-fit:cover}.photo-grid.compact figure{background:#fff}.photo-grid.compact figure:nth-child(1) img{object-position:50% 33%}.photo-grid.compact figure:nth-child(2) img{object-position:50% 38%}.photo-grid.compact figure:nth-child(3) img{object-position:50% 34%}.photo-grid.compact figure:nth-child(4) img{object-position:50% 30%}.photo-grid.compact figure:nth-child(5) img{object-position:50% 44%}.photo-grid.compact figure:nth-child(6) img{object-position:50% 45%}
.layer-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px -44px}.layer-cards article{padding:22px 20px;background:#f3efe5;border-top:2px solid #b58e70}.layer-cards span{font:700 13px/1 var(--sans);color:var(--rust);letter-spacing:.12em}.layer-cards h3{margin:12px 0 8px;font-size:17px;color:var(--green)}.layer-cards p{font-size:14px!important;line-height:1.85!important;margin:0;color:var(--muted)}
.planner{margin:2.5rem -40px;padding:clamp(1.2rem,4vw,2.3rem);border:1px solid #d7c9ae;border-radius:18px;background:linear-gradient(145deg,#fbf8f0,#f3ecdd);box-shadow:0 20px 60px rgba(56,69,56,.08)}.planner h3{margin:.2rem 0 .6rem;font:500 clamp(1.55rem,4vw,2.15rem)/1.35 var(--serif)}.planner-intro{margin-top:0;color:#536057}.planner-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.planner label{font-weight:700;color:#33463f}.planner input[type=number],.planner select{width:100%;min-height:2.8rem;margin-top:.4rem;padding:.65rem .75rem;border:1px solid #aeb7a9;border-radius:.65rem;background:#fffdf7;font:inherit;color:#263932}.planner select{min-height:2.2rem;margin:.35rem 0 0;padding:.35rem .5rem;font-size:.9rem}.planner-uses{margin:0;padding:0;border:0}.planner-uses legend{font-weight:700;margin-bottom:.75rem}.use-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(86px,104px) minmax(86px,104px);gap:.75rem;align-items:end;padding:12px 0;border-top:1px solid #ddd4c2}.use-row label{display:flex;align-items:flex-start;gap:.6rem;line-height:1.6}.use-row label span{display:block;font-size:.83rem;color:#657066;font-weight:500}.use-row input[type=checkbox]{width:1.15rem;height:1.15rem;margin-top:.22rem;accent-color:#365d52}.use-row .mini-field{display:block;font-size:.78rem;color:#657066;text-align:left}.use-row .mini-field input{margin-top:.25rem}.planner button{margin-top:1.2rem;min-height:3.3rem;padding:.8rem 1.3rem;border:0;border-radius:999px;background:#31594f;color:#fff;font:700 1rem/1.4 var(--sans);cursor:pointer}.planner button:hover{background:#24483f}.planner-result{margin-top:1.4rem;padding:1.2rem;border-radius:1rem;background:#fffdf8;border-left:5px solid #c26c4f}.planner-result:empty{display:none}.result-list{display:grid;gap:.75rem;margin:1rem 0}.result-item{padding:.9rem .95rem;border-radius:.9rem;background:#edf1e9}.result-item strong{display:block;color:#31594f;font-size:1.05rem}.result-item span{display:block;font-size:.88rem;color:#5d685f}.formula-note{margin:1.2rem 0;padding:1rem 1.1rem;border-left:4px solid #c9a65b;background:#fbf5e7}
.video-embed{margin:1.5rem 0;padding:1.2rem;border-radius:1rem;background:#eef2ec}.ig-poster{position:relative;display:block;width:min(100%,420px);margin:auto;padding:0;border:0;border-radius:1.1rem;overflow:hidden;background:#253f39;cursor:pointer}.ig-poster img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center;background:#253f39}.ig-poster span{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:4rem;height:4rem;border-radius:50%;background:rgba(255,247,233,.9);color:#253f39;font-size:1.7rem}.ig-frame{display:block;width:min(100%,420px);height:620px;margin:auto;border:0;border-radius:1rem;background:#fff}.video-embed a{font-weight:700}.photo-pair{align-items:stretch}.photo-pair figure{display:grid;grid-template-rows:auto 1fr;margin-top:0!important;padding:0 0 12px;overflow:hidden}.photo-pair a{display:block;overflow:hidden}.photo-pair img,.travel-pair img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center}.photo-pair figcaption{align-self:start;padding:0 12px}.hero h1,.hero h1 *{font-family:var(--serif);font-weight:500}.hero .cover img{display:block;width:100%;max-width:100%;height:auto;max-height:none;object-fit:cover}
@media(max-width:860px){.size-visual,.planner,.photo-strip,.photo-grid,.photo-grid.compact,.layer-cards{margin-left:0;margin-right:0}.photo-strip,.photo-grid{grid-template-columns:1fr 1fr}.photo-grid.compact{grid-template-columns:1fr 1fr}.layer-cards{grid-template-columns:1fr}}
@media(max-width:620px){.choice-links a{font-size:13px;padding:9px 12px}.size-visual{padding:8px;border-radius:14px;overflow-x:auto}.size-visual svg{min-width:720px}.swipe-hint{display:block}.guide-table,.guide-table tbody{display:block}.guide-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.guide-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:0 0 14px;padding:16px;background:#fffdf7;border:1px solid #ddd4c2;border-radius:12px}.guide-table th,.guide-table td{display:block;width:auto!important;padding:0;border:0}.guide-table td[data-label]:before{content:attr(data-label);display:block;font-size:12px;font-weight:700;color:#7b7264;margin-bottom:2px}.photo-strip,.photo-grid,.photo-grid.compact{grid-template-columns:1fr 1fr;max-width:none;margin:28px -12px;gap:12px}.photo-strip figcaption,.photo-grid figcaption{padding:9px 9px 0;font-size:11px}.photo-pair{grid-template-columns:1fr 1fr;margin:26px -12px;gap:12px}.photo-pair figcaption{padding:0 9px;font-size:11px}.planner{border-radius:14px}.planner-controls{grid-template-columns:1fr}.use-row{grid-template-columns:1fr 1fr}.use-row>label:first-child{grid-column:1/-1}.use-row input[type=number]{margin-top:.25rem}.hero .cover{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:hidden}.hero .cover img{width:100vw;min-width:0;max-width:100vw;height:auto;max-height:none;object-fit:cover}}
@media(prefers-reduced-motion:reduce){.planner button{scroll-behavior:auto}}