/* 青岛佐佑财税官网 全站样式 —— 纯静态、无外链依赖、响应式、可打印 */
:root{
  --blue-900:#0b2a5b;
  --blue-800:#103a78;
  --blue-700:#1550a6;
  --blue-600:#1d63c4;
  --blue-50:#eef4fc;
  --ink:#1f2733;
  --ink-soft:#46505f;
  --muted:#6b7686;
  --line:#e3e8f0;
  --bg:#ffffff;
  --bg-soft:#f6f8fc;
  --accent:#e8871e;
  --accent-soft:#fdf3e6;
  --green:#157f4b;
  --green-soft:#eaf7f0;
  --radius:14px;
  --shadow:0 6px 24px rgba(16,58,120,.08);
  --shadow-lg:0 14px 44px rgba(16,58,120,.14);
  --maxw:1180px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;color:var(--ink);background:var(--bg);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Roboto,Helvetica,Arial,sans-serif;
  font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:var(--blue-700);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{line-height:1.35;color:var(--blue-900);font-weight:700;margin:0 0 .6em}
h1{font-size:clamp(1.7rem,3.4vw,2.6rem)}
h2{font-size:clamp(1.35rem,2.4vw,1.9rem)}
h3{font-size:1.15rem}
p{margin:0 0 1em}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.section{padding:56px 0}
.section.soft{background:var(--bg-soft)}
.lead{color:var(--ink-soft);font-size:1.06rem;max-width:760px}
.text-center{text-align:center}
.muted{color:var(--muted)}
.small{font-size:.86rem}

/* 顶部信息条 */
.topbar{background:var(--blue-900);color:#dce7f7;font-size:.84rem}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:34px;flex-wrap:wrap;padding-top:4px;padding-bottom:4px}
.topbar a{color:#fff;font-weight:600}
.topbar .tb-dot{opacity:.55;margin:0 8px}

/* 头部导航 */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.2) blur(6px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}
.brand{display:flex;align-items:center;gap:11px;color:var(--blue-900);font-weight:800;font-size:1.12rem;white-space:nowrap}
.brand:hover{text-decoration:none}
.brand .logo{width:40px;height:40px;border-radius:10px;background:linear-gradient(145deg,var(--blue-700),var(--blue-900));display:grid;place-items:center;color:#fff;font-size:1.18rem;flex:none;box-shadow:var(--shadow)}
.brand small{display:block;font-size:.72rem;font-weight:500;color:var(--muted);letter-spacing:.04em}
.nav-links{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.nav-links a{display:inline-block;padding:9px 12px;border-radius:9px;color:var(--ink-soft);font-weight:600;font-size:.95rem}
.nav-links a:hover{background:var(--blue-50);color:var(--blue-800);text-decoration:none}
.nav-links a.active{color:var(--blue-700);background:var(--blue-50)}
.nav-cta{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:#fff!important;padding:9px 16px;border-radius:10px;font-weight:700}
.nav-cta:hover{background:#d67a14;text-decoration:none}
.nav-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;width:44px;height:40px;font-size:1.2rem;color:var(--blue-800);cursor:pointer}

/* 按钮 */
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:11px;font-weight:700;font-size:1rem;border:1px solid transparent;cursor:pointer}
.btn:hover{text-decoration:none}
.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow)}
.btn-primary:hover{background:#d67a14}
.btn-outline{background:#fff;color:var(--blue-700);border-color:#bcd0ee}
.btn-outline:hover{background:var(--blue-50)}
.btn-blue{background:var(--blue-700);color:#fff}
.btn-blue:hover{background:var(--blue-800)}
.btn-lg{padding:15px 30px;font-size:1.06rem}

/* 首屏 */
.hero{background:radial-gradient(1200px 420px at 78% -8%,#dbe9fd 0,rgba(219,233,253,0) 60%),linear-gradient(180deg,#f4f8fe 0,#ffffff 100%);border-bottom:1px solid var(--line)}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center;padding-top:58px;padding-bottom:58px}
.hero .badge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);color:var(--blue-800);font-weight:600;font-size:.85rem;padding:6px 13px;border-radius:999px;box-shadow:var(--shadow);margin-bottom:18px}
.hero h1 .hl{color:var(--blue-700)}
.hero p.sub{font-size:1.08rem;color:var(--ink-soft);max-width:560px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:24px 0 10px}
.hero-meta{display:flex;flex-wrap:wrap;gap:8px 22px;color:var(--muted);font-size:.9rem;margin-top:14px}
.hero-meta b{color:var(--ink)}
.hero-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:var(--shadow-lg)}
.hero-card h3{margin-bottom:14px;display:flex;align-items:center;gap:9px}
.hero-card ul{list-style:none;margin:0;padding:0}
.hero-card li{display:flex;gap:10px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:.95rem;color:var(--ink-soft)}
.hero-card li:last-child{border-bottom:0}
.tick{color:var(--green);font-weight:800;flex:none}
.hero-card .phone{font-size:1.5rem;font-weight:800;color:var(--blue-800);letter-spacing:.02em}

/* 通用区块标题 */
.sec-head{max-width:760px;margin:0 auto 34px;text-align:center}
.sec-head .kicker{display:inline-block;color:var(--blue-600);font-weight:700;letter-spacing:.12em;font-size:.8rem;margin-bottom:8px}
.sec-head p{color:var(--ink-soft)}

/* 卡片网格 */
.grid{display:grid;gap:22px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}
.card h3{margin-bottom:10px}
.card .ico{width:46px;height:46px;border-radius:12px;background:var(--blue-50);color:var(--blue-700);display:grid;place-items:center;font-size:1.35rem;margin-bottom:14px}
.card.feat{border-top:4px solid var(--blue-600)}
.card.accent{border-top:4px solid var(--accent)}
.card ul{margin:0;padding-left:1.1em;color:var(--ink-soft)}
.card ul li{margin:.35em 0}
.tag{display:inline-block;background:var(--blue-50);color:var(--blue-800);border-radius:999px;padding:3px 12px;font-size:.8rem;font-weight:600;margin:3px 6px 3px 0}
.tag.amber{background:var(--accent-soft);color:#a85f10}
.tag.green{background:var(--green-soft);color:var(--green)}

/* 实体公示 */
.entity{background:linear-gradient(180deg,#0e3068,#0b2a5b);color:#dbe6f7;border-radius:18px;padding:30px 32px}
.entity h2,.entity h3{color:#fff}
.entity .note{color:#aec4e6;font-size:.9rem}
.entity-table{width:100%;border-collapse:collapse;font-size:.95rem;margin-top:8px}
.entity-table th,.entity-table td{border:1px solid rgba(255,255,255,.14);padding:10px 13px;text-align:left;vertical-align:top}
.entity-table th{width:150px;color:#bcd2f2;font-weight:600;background:rgba(255,255,255,.05);white-space:nowrap}
.entity a{color:#9ec3ff}
.verify-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.verify-links a{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#fff;padding:7px 14px;border-radius:9px;font-size:.88rem}
.verify-links a:hover{background:rgba(255,255,255,.18);text-decoration:none}

/* 数据/资质条 */
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;text-align:center;box-shadow:var(--shadow)}
.stat .n{font-size:1.7rem;font-weight:800;color:var(--blue-800)}
.stat .l{color:var(--muted);font-size:.88rem;margin-top:4px}
.stat .src{font-size:.76rem;color:#9aa6b6;margin-top:6px}

/* 流程 */
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:step}
.flow .step{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px 20px 20px;box-shadow:var(--shadow)}
.flow .step::before{counter-increment:step;content:counter(step);position:absolute;top:-16px;left:20px;width:34px;height:34px;border-radius:50%;background:var(--blue-700);color:#fff;display:grid;place-items:center;font-weight:800;box-shadow:var(--shadow)}
.flow .step h4{margin:8px 0 6px}
.flow .step p{font-size:.9rem;color:var(--ink-soft);margin:0}
.flow.cols3{grid-template-columns:repeat(3,1fr)}
@media (max-width:960px){.flow.cols3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.flow.cols3{grid-template-columns:1fr}}

/* 价格表 */
.price-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.price-table th,.price-table td{border:1px solid var(--line);padding:14px 16px;text-align:left}
.price-table thead th{background:var(--blue-800);color:#fff}
.price-table tbody tr:nth-child(even){background:var(--bg-soft)}
.price-table .price{color:var(--blue-800);font-weight:700;white-space:nowrap}
.note-box{border-left:4px solid var(--accent);background:var(--accent-soft);border-radius:0 10px 10px 0;padding:13px 16px;font-size:.92rem;color:#7a5320;margin:18px 0}
.note-box.blue{border-left-color:var(--blue-600);background:var(--blue-50);color:var(--blue-900)}
.note-box.green{border-left-color:var(--green);background:var(--green-soft);color:#11593a}

/* 合规红线 */
.redline{background:#fff;border:1px solid #f0d4d4;border-radius:var(--radius);padding:24px 26px}
.redline h3{color:#b4231f}
.redline ul{margin:0;padding-left:1.1em}
.redline li{margin:.4em 0;color:#5b2b2b}

/* FAQ */
.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 18px;margin-bottom:12px;box-shadow:var(--shadow)}
.faq summary{cursor:pointer;font-weight:700;color:var(--blue-900);padding:16px 4px;list-style:none;position:relative;padding-right:34px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:13px;font-size:1.4rem;color:var(--blue-600);line-height:1}
.faq details[open] summary::after{content:"−"}
.faq .a{padding:0 0 16px;color:var(--ink-soft)}
.faq .toc{columns:2;gap:24px;font-size:.92rem;margin-bottom:26px}
.faq .toc a{display:block;margin:.28em 0;break-inside:avoid}

/* 案例 */
.case{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
.case .ctag{display:inline-block;background:var(--green-soft);color:var(--green);font-size:.78rem;font-weight:700;padding:3px 11px;border-radius:999px;margin-bottom:10px}
.case .scene{color:var(--muted);font-size:.85rem;margin-top:12px;border-top:1px dashed var(--line);padding-top:10px}

/* 内页头 */
.page-hero{background:linear-gradient(180deg,#f4f8fe,#fff);border-bottom:1px solid var(--line);padding:46px 0}
.breadcrumb{font-size:.85rem;color:var(--muted);margin-bottom:14px}
.breadcrumb a{color:var(--muted)}

/* CTA 条 */
.cta-band{background:linear-gradient(135deg,var(--blue-800),var(--blue-600));color:#fff;border-radius:18px;padding:34px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.cta-band h2{color:#fff;margin-bottom:6px}
.cta-band p{margin:0;color:#d7e5fa}
.cta-band .phone{font-size:1.7rem;font-weight:800;letter-spacing:.02em}
.cta-band .btn-primary{box-shadow:none}

/* 联系 */
.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:26px}
.info-list{list-style:none;margin:0;padding:0}
.info-list li{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.info-list .ic{width:42px;height:42px;border-radius:11px;background:var(--blue-50);color:var(--blue-700);display:grid;place-items:center;font-size:1.2rem;flex:none}
.info-list b{display:block;color:var(--blue-900)}
.info-list .v{color:var(--ink-soft)}
.map-note{font-size:.85rem;color:var(--muted)}

/* 页脚 */
.site-footer{background:#0a2147;color:#aebfdc;padding:46px 0 22px;font-size:.92rem}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;margin-bottom:30px}
.site-footer h4{color:#fff;font-size:1rem;margin-bottom:14px}
.site-footer a{color:#aebfdc;display:block;padding:4px 0}
.site-footer a:hover{color:#fff;text-decoration:none}
.foot-brand{font-weight:800;color:#fff;font-size:1.1rem;margin-bottom:10px;display:flex;align-items:center;gap:10px}
.foot-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#8ea3c6;font-size:.84rem}
.foot-bottom a{display:inline;color:#9fb6da}

/* 响应式 */
@media (max-width:960px){
  .hero .wrap{grid-template-columns:1fr;gap:30px}
  .g3,.g4,.stat-row,.flow{grid-template-columns:repeat(2,1fr)}
  .foot-grid{grid-template-columns:1fr 1fr}
  .contact-grid{grid-template-columns:1fr}
}
@media (max-width:760px){
  .nav-links{position:absolute;top:68px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:10px 14px 16px;gap:2px;display:none;box-shadow:var(--shadow-lg)}
  .nav-links.open{display:flex}
  .nav-links a{padding:12px 14px;border-radius:9px}
  .nav-toggle{display:block}
  .g2,.g3,.g4,.stat-row,.flow{grid-template-columns:1fr}
  .faq .toc{columns:1}
  .topbar .tb-hide{display:none}
  .entity-table th{width:110px}
  .cta-band{padding:26px 22px}
}
/* 打印 */
@media print{
  .site-header,.nav-toggle,.hero-actions,.cta-band .btn,.site-footer .foot-bottom a{display:none!important}
  body{font-size:12pt;color:#000}
  a{color:#000;text-decoration:none}
  .card,.stat,.case,.flow .step{box-shadow:none;border-color:#bbb}
  .section{padding:20px 0}
}