:root{color-scheme:dark;--bg:#0b0d0c;--card:#171c19;--card2:#1e2520;--stroke:#353e33;--gold:#ddbd7e;--gold2:#9a7d4a;--text:#f5f2e7;--muted:#aeb5aa;--green:#8bd3a4;--amber:#ffd078;--red:#ff8f89;--r:18px;font-family:system-ui,-apple-system,'Noto Sans TC','Microsoft JhengHei',sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 92% 3%,#293022 0,transparent 28%),var(--bg);color:var(--text);font-size:15px;line-height:1.65}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--gold)}.shell{max-width:1240px;margin:auto;padding:20px 22px 65px}.top{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--stroke);padding-bottom:18px}.brand{display:flex;align-items:center;gap:13px;font-size:20px;font-weight:800;letter-spacing:.6px}.brand img{width:46px;height:46px}.nav{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.nav button,.pill{border:1px solid var(--stroke);border-radius:99px;background:#151914;color:var(--text);padding:9px 16px}.nav .active{background:var(--gold);color:#201b12;border-color:var(--gold);font-weight:700}.btn{border:1px solid var(--gold2);background:var(--gold);color:#211a10;padding:10px 17px;border-radius:12px;font-weight:700}.btn.secondary{background:transparent;color:var(--gold)}.btn.danger{background:#512b2d;color:#fff;border-color:#b05e62}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.sm{padding:6px 11px;font-size:13px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:linear-gradient(160deg,var(--card),#141815);border:1px solid var(--stroke);border-radius:var(--r);padding:21px;margin-bottom:15px;min-width:0}.hero{padding:36px 25px;background:linear-gradient(112deg,#273126,#141714 70%);border-radius:24px;border:1px solid #736345}.hero h1{font-size:clamp(25px,4vw,40px);margin:0;color:#f4ddac;line-height:1.3}.hero p{max-width:680px;color:#d6d4c5}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:24px 0 12px}h2{font-size:22px;margin:0 0 12px}h3{font-size:17px;margin:0 0 12px;color:#e6d6aa}p{margin:9px 0}.sub,.muted,small{color:var(--muted)}.accent{color:var(--gold)}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.between{justify-content:space-between}.stack{display:grid;gap:11px}.field{display:grid;gap:5px;min-width:0}.field label{font-weight:600;font-size:13px;color:#e3dcc6}input,select,textarea{width:100%;background:#0e130f;border:1px solid #495146;color:var(--text);border-radius:10px;padding:11px 12px;outline-offset:3px}textarea{min-height:82px;resize:vertical}input[type=checkbox]{width:auto;accent-color:var(--gold)}input[type=file]{padding:9px}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.formgrid .wide{grid-column:1/-1}.mini{font-size:12px}.stat{font-weight:800;font-size:26px;color:var(--gold)}.status{border-radius:99px;padding:3px 10px;font-size:13px;border:1px solid}.status.green{color:var(--green);border-color:#396349;background:#1d3828}.status.yellow{color:var(--amber);border-color:#876731;background:#38301d}.status.red{color:var(--red);border-color:#834943;background:#3b2522}.notice{border-left:3px solid var(--gold);padding:10px 13px;background:#29291d;border-radius:6px;margin:13px 0}.alert{border-left-color:var(--red);background:#33211e}.cat-list{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.cat-list button{border-radius:12px;border:1px solid var(--stroke);background:#1b221c;color:var(--text);padding:9px 13px}.cat-list .selected{border-color:var(--gold);color:var(--gold)}.record{border-top:1px solid var(--stroke);padding:12px 0;display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.record:first-child{border-top:0}.empty{text-align:center;color:var(--muted);padding:30px 10px}.loading{text-align:center;padding:60px}.auth{max-width:520px;margin:55px auto}.foot{padding:24px 0;border-top:1px solid var(--stroke);color:var(--muted);font-size:13px}.photo{width:100%;height:175px;object-fit:cover;border-radius:12px;background:#292c29}.photo-card{position:relative}.photo-card .actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.info{padding:12px;border:1px solid var(--stroke);border-radius:12px}.hidden{display:none!important}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);max-width:min(92vw,700px);background:#343d31;border:1px solid var(--gold2);color:white;border-radius:12px;padding:12px 20px;display:none;z-index:90;box-shadow:0 15px 50px #0009}.links{display:flex;gap:14px;flex-wrap:wrap}.chart{width:100%;height:160px;border-radius:10px;background:#101610}footer{margin-top:28px}.smallcaps{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--gold)}.divider{border:0;border-top:1px solid var(--stroke);margin:20px 0}table{width:100%;border-collapse:collapse}td,th{padding:9px;text-align:left;border-bottom:1px solid var(--stroke)}@media(max-width:850px){.grid{grid-template-columns:1fr 1fr}.shell{padding:14px 13px 50px}.top{align-items:flex-start}.brand{font-size:17px}.formgrid{grid-template-columns:1fr}.formgrid .wide{grid-column:1}.hero{padding:24px 17px}}@media(max-width:570px){.grid,.grid.two{grid-template-columns:1fr}.top{flex-wrap:wrap}.nav{gap:6px}.nav button{padding:8px 12px;font-size:13px}.card{padding:16px}.record{flex-wrap:wrap}}

/* V3.5 公開產品首頁：行動優先 */
html{scroll-behavior:smooth;scroll-padding-top:24px}
.public-nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:16px 0 24px}
.public-nav a{text-decoration:none;color:#d9d8d0;font-size:14px}.public-nav a:hover{color:var(--gold)}.public-nav button{margin-left:auto}
.public-hero{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:38px;min-height:490px;align-items:center;padding:64px 52px;margin:12px 0 58px;border:1px solid #6b5a3c;border-radius:30px;background:radial-gradient(ellipse at 75% 45%,#343022 0,transparent 50%),linear-gradient(140deg,#19231c,#0d100e 75%);overflow:hidden}
.eyebrow{font-size:11px;font-weight:750;letter-spacing:2.3px;color:#d5b878}.sparkle{font-size:19px;margin-right:7px}
.public-hero h1{font-size:clamp(37px,4.2vw,64px);line-height:1.2;letter-spacing:-1px;margin:18px 0 21px;color:#f6f3e8}.public-hero h1 em{font-style:normal;color:#eac67e}
.lead{font-size:17px;line-height:1.95;color:#c5cbc3;max-width:560px;margin-bottom:29px}
.hero-btn{display:inline-flex;gap:13px;align-items:center;justify-content:center;min-height:49px;padding:12px 24px;text-decoration:none}
.hero-trust{display:flex;gap:19px;flex-wrap:wrap;color:#b9c8b3;font-size:12px;margin-top:27px}
.hero-showcase{height:360px;position:relative;display:flex;align-items:center;justify-content:center}.hero-cat{width:min(73%,280px);position:relative;z-index:1;border-radius:36px;box-shadow:0 12px 85px #ba9a4a24}.showcase-glow{position:absolute;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,#92723b31,transparent 67%)}
.floating-card{position:absolute;z-index:2;background:#1c241fe9;border:1px solid #77613f;border-radius:16px;padding:13px 18px;box-shadow:0 15px 40px #0006;display:grid;gap:3px;min-width:170px}.floating-card b{color:#e9d5a8;font-size:13px}.floating-card span{font-size:13px}.floating-card small{font-size:10px}.floating-card.one{right:-12px;top:26px}.floating-card.two{left:-17px;bottom:9px}.dot{display:inline-block;border-radius:50%;width:8px;height:8px;margin-right:5px}.green-dot{background:#82d8a0}
.content-section{margin:70px 0;scroll-margin-top:30px}.section-heading{text-align:center;margin:0 auto 30px;max-width:650px}.section-heading h2{font-size:clamp(25px,3vw,35px);margin:10px 0}.section-heading p{color:#b8c2b9}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.feature{padding:27px 23px;min-height:230px;border:1px solid #333e34;border-radius:20px;background:linear-gradient(130deg,#1c251e,#141915);position:relative}.feature-num{position:absolute;right:22px;top:22px;color:#7f806e;font-size:12px}.feature-icon{font-size:27px}.feature h3{margin:20px 0 8px;font-size:18px;color:#f2dfaf}.feature p{color:#b4beb2;font-size:13px;line-height:1.9}
.calculator-panel{display:grid;grid-template-columns:1fr 1fr;gap:34px;padding:37px;border:1px solid #6e5b37;border-radius:24px;background:linear-gradient(120deg,#24261d,#121b16)}.calculator-panel h2{font-size:29px;margin:13px 0}.calculator-panel>div>p{color:#bcc2b5;line-height:1.9}.preview-form{display:grid;gap:13px;background:#121915;border-radius:18px;padding:22px;border:1px solid #3d463a}.preview-result{background:#252c23;border-radius:12px;padding:14px;font-size:13px;color:#d7dfd3;line-height:1.75}.preview-result strong{color:#f8d88e;font-size:18px}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.step{border-top:2px solid #a28549;padding:22px 12px}.step>span{font-size:33px;color:#c9a760;font-weight:850}.step h3{font-size:17px;color:#eee6d1}.step p{color:#b6bfb4;font-size:13px}
.plan-card{padding:28px;border:1px solid #354237;border-radius:23px;background:#171e18}.plan-card.plus{border-color:#a78850;background:linear-gradient(130deg,#25251d,#171b16)}.plan-card h3{margin-top:14px;font-size:21px}.plan-price{font-size:32px;font-weight:800;color:#eac87d;margin:16px 0}.plan-price span{font-size:13px;font-weight:400;color:#abb3a9}.plan-card p{min-height:62px;color:#bdc6b8;margin-bottom:23px}
.setup-banner{display:flex;justify-content:space-between;align-items:center;gap:19px;margin:38px 0;border:1px solid #796344;border-radius:15px;padding:18px 22px;background:#24251c}.setup-banner p{color:#bac4b9;font-size:13px;margin:5px 0}.setup-banner button{flex-shrink:0}
.closing-cta{text-align:center;padding:42px 22px 55px;margin-top:48px;border:1px solid #544c32;border-radius:28px;background:linear-gradient(120deg,#212b22,#111611)}.closing-cta img{width:65px;height:65px;border-radius:20px}.closing-cta h2{font-size:clamp(23px,3vw,32px);margin:15px 0}.closing-cta p{color:#b7c2b6;margin-bottom:22px}.back-row{margin:18px 0}
@media(max-width:900px){.public-hero{padding:42px 27px;gap:16px}.floating-card.one{right:-18px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calculator-panel{grid-template-columns:1fr}}
@media(max-width:650px){.public-nav{gap:12px}.public-nav a{font-size:12px}.public-nav button{width:100%;margin-left:0}.public-hero{grid-template-columns:1fr;padding:29px 20px;gap:10px;margin:8px 0 38px}.public-hero h1{font-size:36px}.hero-showcase{height:240px;margin:0 14px}.hero-cat{width:185px}.floating-card{min-width:auto;padding:9px 11px}.floating-card.one{right:-10px;top:3px}.floating-card.two{left:-8px;bottom:0}.feature-grid,.steps{grid-template-columns:1fr}.feature{min-height:auto}.content-section{margin:50px 0}.calculator-panel{padding:20px}.setup-banner{flex-wrap:wrap}.plan-card p{min-height:0}}