*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#0f1712;--card:#17241b;--line:rgba(207,162,107,.2);--ink:#eae3d3;--mut:#96a394;--acc:#cfa26b;--acc2:#e8cb9a;--r:10px}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font:16px/1.8 "PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{max-width:820px;margin:0 auto;padding:0 16px 120px}
/* 门户头部 */
.mast{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 4px;border-bottom:2px solid var(--acc);flex-wrap:wrap}
.mast .brand{font-size:19px;font-weight:800;letter-spacing:1px}
.mast .brand i{font-style:normal;color:var(--acc)}
.mast .tel{text-align:right}
.mast .tel small{display:block;color:var(--mut);font-size:.72rem;letter-spacing:2px}
.mast .tel b{font-size:1.15rem;color:var(--acc2);letter-spacing:.5px}
nav.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;background:rgba(15,23,18,.95);backdrop-filter:blur(8px)}
nav.tabs a{flex:1;text-align:center;padding:11px 2px;font-size:.86rem;color:var(--mut);border-bottom:2px solid transparent}
nav.tabs a.on,nav.tabs a:hover{color:var(--acc2);border-bottom-color:var(--acc)}
/* 标题区 */
.head{padding:30px 2px 4px}
.head h1{font-size:clamp(21px,5.6vw,28px);letter-spacing:1px}
.head p{color:var(--mut);font-size:.9rem;margin-top:8px}
/* 公告条 */
.notice{margin-top:16px;padding:10px 14px;background:#1b2a20;border:1px solid var(--line);border-radius:var(--r);font-size:.82rem;color:var(--mut)}
.notice b{color:var(--acc2)}
/* 服务卡片网格 */
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.tile{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px 16px;display:flex;flex-direction:column;gap:6px;min-height:118px}
.tile .ic{width:34px;height:34px;border-radius:8px;background:rgba(207,162,107,.14);color:var(--acc2);display:flex;align-items:center;justify-content:center;font-weight:700}
.tile b{font-size:.98rem}
.tile span{color:var(--mut);font-size:.78rem;line-height:1.55;flex:1}
.tile em{font-style:normal;color:var(--acc2);font-size:.8rem}
@media(max-width:560px){.grid{grid-template-columns:1fr}}
/* 横向流程 */
.proc{display:flex;gap:0;margin-top:16px;overflow-x:auto;padding-bottom:6px}
.proc .p{flex:1;min-width:130px;text-align:center;padding:0 8px;position:relative}
.proc .p+.p::before{content:"";position:absolute;left:-1px;top:17px;width:2px;height:36px;background:var(--line)}
@media(max-width:560px){.proc .p{min-width:0;padding:0 3px}.proc b{font-size:.76rem}.proc span{font-size:.66rem}}
.proc .n{width:34px;height:34px;margin:0 auto;border-radius:50%;border:1px solid var(--acc);color:var(--acc2);display:flex;align-items:center;justify-content:center;font-weight:700}
.proc b{display:block;font-size:.86rem;margin-top:8px}
.proc span{font-size:.72rem;color:var(--mut)}
/* 信息表 */
table.spec{width:100%;border-collapse:collapse;margin-top:14px;font-size:.88rem}
table.spec td{padding:11px 10px;border-bottom:1px solid var(--line)}
table.spec td:first-child{color:var(--mut);width:36%;white-space:nowrap}
table.spec tr:last-child td{border-bottom:0}
/* 面板 */
.blk{margin-top:24px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px 16px}
.blk h2{font-size:1.05rem;letter-spacing:1px;margin-bottom:6px;color:var(--acc2)}
.blk h2::before{content:"▍";color:var(--acc)}
/* FAQ */
details{border-bottom:1px solid var(--line);padding:11px 2px}
details:last-child{border-bottom:0}
summary{cursor:pointer;list-style:none;font-weight:600;font-size:.92rem;color:var(--ink)}
summary::-webkit-details-marker{display:none}
summary::before{content:"·";color:var(--acc);margin-right:8px;font-weight:900}
details p{color:var(--mut);font-size:.85rem;margin-top:6px;padding-left:16px}
/* 联系方式行 */
.line{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 2px;border-bottom:1px solid var(--line)}
.line:last-child{border-bottom:0}
.line b{font-size:.94rem}
.line span{color:var(--mut);font-size:.78rem;display:block}
.line .btn{background:var(--acc);color:#141d16;font-weight:700;padding:8px 18px;border-radius:var(--r);font-size:.84rem;white-space:nowrap}
.line .btn.o{background:transparent;border:1px solid var(--acc);color:var(--acc2)}
.qr{display:flex;gap:14px;align-items:center;margin-top:12px}
.qr img{width:124px;height:124px;border-radius:10px;border:1px solid var(--line)}
/* 底栏 */
.dock{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;border-top:2px solid var(--acc);background:rgba(21,32,25,.98);padding-bottom:env(safe-area-inset-bottom)}
.dock a{flex:1;text-align:center;padding:13px 2px;font-size:.84rem;color:var(--acc2)}
.dock a.hot{flex:1.4;background:var(--acc);color:#141d16;font-weight:800;letter-spacing:1px}
.foot{margin-top:40px;padding-top:16px;border-top:1px solid var(--line);text-align:center;color:var(--mut);font-size:.78rem;line-height:2}
.foot a{color:var(--acc2);margin:0 6px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}