:root{--ink:#20362f;--green:#1a493c;--accent:#c75830;--line:#d9e3df;--paper:#fff;--bg:#f5f8f6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.8 'Noto Sans TC','Microsoft JhengHei',sans-serif}button,input,textarea{font:inherit}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #cf6a22;outline-offset:4px}.wrap{max-width:1180px;margin:auto;padding-left:32px;padding-right:32px}.nav{display:flex;justify-content:space-between;align-items:center;padding:17px max(32px,calc((100vw - 1116px)/2));border-bottom:1px solid var(--line);background:#fff;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;line-height:1.4}.brand small{display:block;font-size:12px;font-weight:400;letter-spacing:.12em;margin-top:5px;color:#5b6c64}.brand-mark{display:grid;place-items:center;background:var(--green);color:#fff;width:42px;height:46px;border-radius:7px;font-size:25px}.nav nav{display:flex;gap:28px}.nav nav a{text-decoration:none;font-size:14px}.nav nav a:hover{color:var(--accent)}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;padding-top:75px;padding-bottom:65px}.eyebrow{color:#526d5f;font-size:13px;font-weight:700;letter-spacing:.12em}h1{font-size:clamp(32px,3.8vw,48px);line-height:1.5;letter-spacing:.01em;margin:20px 0}h1 span{color:var(--green);border-bottom:5px solid #d4a757}h2,h3,p{margin-top:0}.lead{font-size:18px;color:#55665e;margin:24px 0 30px}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:10px 22px;border:1px solid transparent;border-radius:7px;text-decoration:none;font-size:15px;font-weight:700;line-height:1.7}.primary{background:var(--green);color:#fff}.primary:hover{background:#10372d}.secondary{background:#fff;border-color:#9eb4a8;color:var(--green)}.secondary:hover{background:#edf4ef}.small{font-size:14px;color:#617068;margin:16px 0 0}.intro-card{align-self:center;border:1px solid var(--line);box-shadow:10px 12px 0 #edf3ef;border-radius:10px;overflow:hidden}.card-top{background:var(--green);color:#fff;padding:16px 25px;font-weight:600}.place{display:flex;gap:18px;padding:25px}.num{font:28px/1.4 Georgia,serif;color:#7e9386}.place h2{font-size:20px;margin:0 0 8px}.place p{font-size:15px;color:#55665e;margin:0}.place.own{background:#f1f6f3;border-top:1px solid var(--line)}.card-bottom{font-size:13px;letter-spacing:.03em;padding:14px 25px;border-top:1px solid var(--line);color:#526a5d}.workflow{background:var(--green);color:white}.flow{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;padding-top:22px;padding-bottom:22px;font-size:15px}.flow strong{color:#edce8d}.section{padding-top:76px;padding-bottom:76px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:32px}.section-head h2{font-size:30px;line-height:1.5;margin:8px 0 0}.section-head>p{font-size:14px;color:#5d6d64;margin:0}.demo-layout{display:grid;grid-template-columns:340px 1fr;gap:45px}.template-options{display:flex;flex-direction:column;gap:14px}.template{display:block;width:100%;text-align:left;border:1px solid var(--line);border-radius:8px;background:#fff;padding:23px;color:#4b6255}.template.active{border:2px solid var(--green);padding:22px;background:#edf5ef;box-shadow:5px 5px 0 #e2ede6}.template .tag{font-size:13px;letter-spacing:.04em}.template strong{display:block;font-size:23px;margin:5px 0}.template>span:last-child{font-size:14px;line-height:1.8}.preview-stage{background:#edf1ee;padding:24px 36px;border-radius:10px;min-width:0}.preview-label{display:flex;justify-content:space-between;font-size:13px;color:#52675b;margin-bottom:16px}.paper{background:white;padding:28px 32px;box-shadow:0 4px 16px #21382912;border-top:4px solid #24452d}.paper-top{font-size:12px;color:#5b6a60;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border-bottom:1px solid #e1e8e3;padding-bottom:10px}.paper-category{font-size:13px;color:#24452d;margin:18px 0 2px}.paper h3{font-size:25px;line-height:1.5;color:#24452d;margin:0 0 10px}.paper-meta{font-size:12px;color:#5c675f;margin-bottom:18px}.paper>p:not([class]){font-size:15px;color:#222}.photo-slots{display:grid;grid-template-columns:1fr 1fr;gap:14px}.photo-slots>div{border:1px dashed #95ad9c;background:#f4f8f5;min-height:105px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:14px;color:#52675b;padding:16px;text-align:center}.photo-slots span{font-size:12px}.paper-foot{font-size:12px;color:#65746b;margin:16px 0 0;text-align:center}.paper.story{border-color:#704020}.paper.story h3,.paper.story .paper-category{color:#704020}.paper.story .photo-slots,.paper.lesson .photo-slots{grid-template-columns:1fr}.paper.story .photo-slots>div{background:#fff7ed;border-color:#bc986c;min-height:76px}.paper.lesson{border-color:#25465c}.paper.lesson h3,.paper.lesson .paper-category{color:#25465c}.paper.lesson .photo-slots>div{background:#eff5f8;border-color:#8ea9ba;min-height:76px}.installation{background:var(--bg);border-block:1px solid var(--line)}.install-note{max-width:850px;color:#53695b;margin-bottom:30px}.install-grid{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start}.step-list{display:flex;flex-direction:column;gap:8px}.step-list button{border:0;background:transparent;padding:15px 14px;display:flex;gap:12px;align-items:center;text-align:left;border-radius:6px;color:#4e6456;font-size:15px}.step-list button[aria-current=step]{background:var(--green);color:#fff;font-weight:700}.step-list span{border:1px solid currentColor;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;font-size:13px;flex-shrink:0}.step-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:32px;min-width:0}.step-count{font-size:13px;letter-spacing:.1em;color:#65776b}.step-content h3{font-size:25px;margin:6px 0 20px;line-height:1.5}.step-content ol{padding-left:23px;margin:0 0 22px}.step-content li{margin-bottom:12px;padding-left:4px}.step-content label{display:block;font-weight:600;margin:24px 0 8px}.step-content input{width:100%;padding:12px;border:1px solid #91a998;border-radius:6px;font-size:15px;min-width:0}.field-help{font-size:14px;color:#617268;margin:8px 0 0;overflow-wrap:anywhere}.field-help.error{color:#ac3825}.text-link{font-weight:600;color:#285b42;text-underline-offset:4px}.notice{background:#f4f7ee;border-left:3px solid #b79d55;padding:14px 17px;font-size:14px;margin-top:22px}.step-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:30px;padding-top:22px}.step-nav>span{font-size:14px;color:#68786d}#copy-status{margin:14px 0 0;font-size:14px;color:#25533a;overflow-wrap:anywhere}.code-view{display:block;width:100%;height:230px;font:13px/1.6 monospace;padding:12px;border:1px solid var(--line);background:#f7f9f7;resize:vertical;white-space:pre;margin-top:12px}.step-content details{margin-top:18px}summary{cursor:pointer;font-weight:600;line-height:1.7}kbd{background:#f2f4f2;border:1px solid #d4dbd5;border-radius:3px;padding:1px 5px;font-size:13px}.deploy-settings{border:1px solid #c7d8ce;border-radius:6px;overflow:hidden;margin:22px 0}.deploy-settings>div{display:flex;justify-content:space-between;gap:20px;padding:14px 18px;background:#edf5ef}.deploy-settings>div+div{border-top:1px solid #c7d8ce}.faq{max-width:920px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq p{margin:14px 0 0;color:#536559}.closing{background:#edf4ef;padding:32px;margin-top:52px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-radius:8px}.closing h3{font-size:21px;margin:0 0 6px}.closing p{font-size:15px;margin:0;color:#566f5e}.footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-bottom:30px;font-size:13px;color:#607366}[hidden]{display:none!important}@media(max-width:850px){.hero{gap:30px;grid-template-columns:1fr;padding-top:45px}.intro-card{max-width:650px}.demo-layout{grid-template-columns:1fr}.template-options{flex-direction:row}.template{padding:16px}.template.active{padding:15px}.template strong{font-size:20px}.template>span:last-child{font-size:13px}.install-grid{grid-template-columns:1fr}.step-list{display:grid;grid-template-columns:1fr 1fr}.section-head{align-items:flex-start}.closing{display:block}.closing .button{margin-top:20px}.nav{padding:16px 24px}.nav nav{gap:16px}}@media(max-width:560px){.wrap{padding-left:20px;padding-right:20px}.nav{align-items:flex-start;flex-direction:column;gap:18px}.nav nav{gap:26px}.hero{padding-top:35px;padding-bottom:45px}.section{padding-top:48px;padding-bottom:48px}h1{font-size:32px}.lead{font-size:17px}.section-head{flex-direction:column;gap:18px}.section-head h2{font-size:26px}.flow{display:grid;grid-template-columns:1fr 1fr;font-size:14px}.flow strong{grid-column:1/-1}.template-options{flex-direction:column}.template{padding:18px}.template.active{padding:17px}.template>span:last-child{font-size:14px}.preview-stage{padding:16px}.paper{padding:22px 18px}.paper h3{font-size:22px}.photo-slots{gap:8px}.photo-slots>div{padding:12px 5px}.step-list button{font-size:13px;padding:12px 8px;gap:8px}.step-card{padding:22px 18px}.step-content h3{font-size:23px}.deploy-settings>div{flex-direction:column;gap:3px}.closing{padding:24px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}