*{box-sizing:border-box}body{margin:0;font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;background:#f5f6f8;color:#222;font-size:16px}
.top{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;padding:12px 16px;background:#111;color:#fff}.top a,.top .link{color:#fff;text-decoration:none;margin-left:14px;background:none;border:0;font-size:15px;cursor:pointer}.brand{font-weight:700;margin-left:0!important}
.wrap{max-width:720px;margin:0 auto;padding:16px}.wide{max-width:1300px}h1{font-size:22px}.muted{color:#888;font-size:13px}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.plan,.card{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #0001}.plan h2{font-size:17px;margin:0}.price{font-size:30px;font-weight:700;color:#e4572e;margin:8px 0}
.btn{display:inline-block;background:#07c160;color:#fff;border:0;border-radius:8px;padding:11px 18px;font-size:16px;text-decoration:none;cursor:pointer}.btn.gray{background:#999}.btn.sm{padding:6px 10px;font-size:14px}
.form label{display:block;margin:10px 0;font-size:14px}.form input:not([type=checkbox]):not([type=radio]),.form textarea,.form select{display:block;width:100%;padding:10px;margin-top:4px;border:1px solid #ddd;border-radius:8px;font-size:16px}.form textarea{min-height:70px}
.radio{display:block;padding:10px;border:1px solid #ddd;border-radius:8px;margin:6px 0}.check{font-size:14px}.err{background:#fdecea;color:#b42318;padding:10px;border-radius:8px;margin-bottom:10px}.ok{background:#e7f8ee;color:#05603a;padding:10px;border-radius:8px;margin-bottom:10px}
.orderno{font-size:28px;font-weight:700;letter-spacing:2px;color:#07c160}.qr{width:220px;max-width:100%;height:auto;object-fit:contain;display:block;margin:10px auto;border:1px solid #eee}
.kv th{text-align:left;color:#666;font-weight:normal;padding:6px 12px 6px 0;white-space:nowrap}.kv td{padding:6px 0}
.scroll{overflow-x:auto}.grid{width:100%;border-collapse:collapse;background:#fff;font-size:14px}.grid th,.grid td{border-bottom:1px solid #eee;padding:8px;text-align:left;vertical-align:top}.grid input,.grid select{padding:5px;max-width:160px}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.filters input,.filters select{padding:9px;border:1px solid #ddd;border-radius:8px}
.tag{padding:2px 8px;border-radius:10px;font-size:12px;background:#eee}.tag.active{background:#e7f8ee;color:#05603a}.tag.unpaid{background:#fff4e5;color:#b54708}.tag.closed{background:#fdecea;color:#b42318}
.inline{display:inline}footer{text-align:center;color:#aaa;font-size:12px;padding:24px}pre{white-space:pre-wrap}
/* ---- 首页 ---- */
:root{--green:#07c160;--orange:#e4572e}
.slider{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16/9;background:#eee;box-shadow:0 6px 20px #0000001a;margin-bottom:18px;touch-action:pan-y}
.slides,.slide{position:absolute;inset:0}.slide{opacity:0;transition:opacity .7s ease}.slide.on{opacity:1;z-index:1}
.slide img{width:100%;height:100%;object-fit:cover;display:block}
.cap{position:absolute;left:0;right:0;bottom:0;padding:44px 18px 30px;background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,.35) 60%,transparent);color:#fff}
.cap h2{margin:0 0 4px;font-size:clamp(18px,4.6vw,34px);text-shadow:0 1px 3px #0006}.cap p{margin:0;font-size:clamp(13px,2.6vw,18px);opacity:.95}
.dots{position:absolute;z-index:2;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:8px}
.dots button{width:8px;height:8px;border-radius:4px;border:0;padding:0;background:#ffffff88;cursor:pointer;transition:width .3s}.dots button.on{width:22px;background:#fff}
.nav{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:0;background:#0000004d;color:#fff;font-size:24px;line-height:1;cursor:pointer;opacity:0;transition:opacity .2s}
.slider:hover .nav,.nav:focus{opacity:1}.prev{left:10px}.next{right:10px}
@media (hover:none){.nav{display:none}}
@media (prefers-reduced-motion:reduce){.slide,.dots button{transition:none}}
.hero h1{font-size:26px;margin:6px 0 6px}.hero p{color:#555;line-height:1.7;margin:0 0 8px}
.sec{font-size:19px;margin:26px 0 12px;padding-left:10px;border-left:4px solid var(--green)}
.plans{gap:14px}.plan{position:relative;border:1px solid #eef0f2;border-radius:16px;padding:20px;box-shadow:0 4px 14px #0000000d;transition:transform .2s,box-shadow .2s}
.plan:hover{transform:translateY(-2px);box-shadow:0 8px 22px #00000014}.plan h3{margin:0;font-size:16px;color:#333}
.plan .price{font-size:36px}.plan .price small{font-size:18px;margin-right:2px}
.plan.best{border:2px solid var(--orange);background:linear-gradient(180deg,#fff7f3,#fff 45%)}
.badge{position:absolute;top:-1px;right:16px;background:var(--orange);color:#fff;font-size:12px;padding:4px 10px;border-radius:0 0 8px 8px;font-weight:600}
.btn.block{display:block;text-align:center;margin-top:12px;font-weight:600;box-shadow:0 4px 12px #07c16040}.btn.orange{background:var(--orange);box-shadow:0 4px 12px #e4572e40}
.feats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:760px){.feats{grid-template-columns:repeat(4,1fr)}}
.feat{background:#fff;border-radius:14px;padding:16px;box-shadow:0 2px 10px #0000000a}.feat .ico{font-size:26px}.feat h3{font-size:15px;margin:8px 0 4px}.feat p{margin:0;font-size:13px;color:#777;line-height:1.5}
.flow{list-style:none;padding:0;margin:0;counter-reset:f;background:#fff;border-radius:16px;padding:6px 16px;box-shadow:0 2px 10px #0000000a}
.flow li{counter-increment:f;position:relative;padding:14px 0 14px 46px;border-bottom:1px dashed #eee}.flow li:last-child{border:0}
.flow li:before{content:counter(f);position:absolute;left:0;top:14px;width:30px;height:30px;border-radius:50%;background:var(--green);color:#fff;text-align:center;line-height:30px;font-weight:700}
.flow b{display:block}.flow span{font-size:13px;color:#777}
@media(min-width:760px){.wrap.home{max-width:1000px}}