:root{font-family:system-ui,-apple-system,"Microsoft JhengHei",sans-serif;color:#233f32;background:#f8f8f1;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ca963f;outline-offset:3px}.gp-top{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:22px 32px;border-bottom:1px solid #dce3d3}.gp-brand{text-decoration:none;font-size:29px;font-weight:750;letter-spacing:-1px}.gp-brand span{font-size:12px;margin-left:12px;letter-spacing:2px;font-weight:500}.gp-top nav{display:flex;gap:25px;font-size:13px}.gp-top nav a{text-decoration:none}main{max-width:1140px;margin:auto;padding:0 24px}.gp-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;padding:72px 12px 80px}.gp-kicker{font-size:12px;letter-spacing:2px;color:#697d55;margin:0 0 16px}.gp-hero h1{font-size:clamp(40px,5vw,64px);line-height:1.2;letter-spacing:-2px;margin:0 0 24px;font-weight:700}.gp-intro{font-size:18px;line-height:1.9;color:#687564}.gp-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:22px 0}.gp-actions>a:not(.gp-button){font-size:14px}.gp-button,.gp-actions button{display:inline-block;border:1px solid #2c5641;padding:13px 20px;min-height:46px;border-radius:7px;background:#2c5641;color:white;text-decoration:none;font-size:14px;text-align:center}.gp-actions button{background:transparent;color:#2c5641}.gp-secondary{color:#2c5641;background:transparent}.gp-caption{font-size:12px;line-height:1.8;color:#77816f}.gp-demo{padding:25px;background:#edf1e4;border:1px solid #d7e0c9;border-radius:18px;transform:rotate(2deg);box-shadow:12px 16px 0 #dfe7d4}.gp-demo-head{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;font-size:13px}.gp-demo-head strong{font-size:23px}.gp-demo-row{display:flex;align-items:center;gap:12px;background:#fffef9;padding:18px 14px;margin:10px 0;border:1px solid #e0e5d6;border-radius:10px}.gp-demo-row>div{flex:1}.gp-demo-row strong{font-size:15px}.gp-demo-row small{display:block;font-size:11px;margin-top:5px;color:#818a77}.gp-dot{width:12px;height:12px;border-radius:50%;background:#8aab6b}.gp-tag{display:inline-block;white-space:nowrap;padding:5px 9px;font-size:11px;background:#e4edda;color:#446641;border-radius:20px}.gp-demo-final{background:#2c5641;color:#fff;padding:18px;border-radius:10px;margin-top:18px}.gp-demo-final span{display:block;font-size:11px;opacity:.7;margin-bottom:7px}.gp-demo-note{display:block;font-size:10px;color:#7a856c;margin-top:10px}.gp-section-title{margin:0 0 24px}.gp-section-title h2,.gp-share h2,.gp-faq h2{font-size:29px;line-height:1.4;margin:0}.gp-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.gp-two article{padding:28px;border:1px solid #dce3d1;background:#fffef9;border-radius:12px}.gp-number{font-size:13px;font-weight:700;color:#6e8f55;background:#ebf0e0;padding:7px 11px;border-radius:5px}.gp-two h3{font-size:22px;margin:16px 0 10px}.gp-two p,.gp-two li{font-size:14px;line-height:1.8;color:#6d7866}.gp-two ul{padding-left:20px;margin-bottom:0}.gp-flow{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:22px 0 34px;margin:0;gap:20px}.gp-flow li{padding:15px 0;border-top:2px solid #c6d3b5}.gp-flow strong,.gp-flow span{display:block;font-size:14px}.gp-flow span{font-size:12px;color:#7b866e;margin-top:7px}#stores{padding:40px 0 28px}.gp-store-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.gp-store{padding:24px;border:1px solid #d9e2cd;border-radius:12px;background:white}.gp-store-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.gp-store h3{font-size:21px;margin:0}.gp-store p{font-size:13px;line-height:1.8;color:#77816e}.gp-store-rules{padding:12px;background:#f1f5e9;border-radius:6px}.gp-store-buttons{display:flex;gap:8px}.gp-store-buttons a{flex:1;padding:12px 8px;font-size:13px}.gp-menu-link{display:inline-block;margin-top:16px;font-size:12px}.gp-share{margin:45px 0;padding:30px;background:#e9efdf;border-radius:12px;display:grid;grid-template-columns:1fr 1.3fr;gap:40px}.gp-share p{font-size:13px;line-height:1.8;color:#6a785f}.gp-share label{font-size:12px;display:block}.gp-share input,.gp-share textarea{width:100%;padding:10px;border:1px solid #c4d1b7;border-radius:5px;background:#fffef9;font-size:13px;color:#294535;margin-top:8px}.gp-share .gp-actions{gap:8px;margin:12px 0}.gp-share .gp-actions>*{padding:9px 12px;min-height:38px;font-size:12px}.gp-share details{font-size:12px}.gp-share textarea{line-height:1.7;resize:vertical}.gp-share small{font-size:11px;color:#77816e}.gp-faq{padding:10px 0 55px}.gp-faq h2{font-size:23px;margin-bottom:20px}.gp-faq details{border-bottom:1px solid #dce3d2;padding:14px 0}.gp-faq summary{cursor:pointer;font-size:14px}.gp-faq p{font-size:13px;line-height:1.8;color:#77816e}footer{max-width:1140px;margin:auto;border-top:1px solid #dce3d2;display:flex;justify-content:space-between;padding:24px;font-size:12px;color:#77816e}.gp-error{padding:15px;border:1px solid #cc947b;background:#fff1e8}@media(max-width:760px){.gp-top{padding:16px 20px}.gp-top nav{gap:13px;font-size:12px}.gp-brand{font-size:25px}.gp-brand span{display:none}main{padding:0 20px}.gp-hero{grid-template-columns:1fr;gap:35px;padding:40px 0 55px}.gp-hero h1{font-size:44px}.gp-demo{transform:none;max-width:460px;box-shadow:6px 9px 0 #dfe7d4}.gp-two{grid-template-columns:1fr}.gp-two article{padding:22px}.gp-flow{gap:10px}.gp-flow strong{font-size:12px}.gp-flow span{font-size:11px}.gp-share{grid-template-columns:1fr;gap:22px;padding:24px}.gp-section-title h2,.gp-share h2{font-size:25px}.gp-store-grid{grid-template-columns:1fr}.gp-intro{font-size:16px}}
