﻿/* 发财研究所 · 品牌层。只做增量，不改原 style.css 的布局契约。 */

.brand-logo{width:36px;height:36px;flex-shrink:0;border-radius:9px;box-shadow:0 3px 10px #2b6cb02e}
.brand-mark{display:flex;flex-direction:column;line-height:1.15}
.brand-name{font-size:18px;font-weight:700;letter-spacing:.2px}
.brand small{font-size:9px;color:#9aa79e;font-weight:600;margin-top:3px;letter-spacing:1.4px}

.top-right{margin-left:auto;display:flex;align-items:center;gap:18px}
.top-right .privacy{margin-left:0}


/* ── 广告位 ───────────────────────────────────────────── */
.ad-slot{position:relative;display:flex;align-items:center;gap:11px;margin:10px 12px 0;padding:12px 13px;border:1px solid #d8e6dd;border-radius:7px;background:linear-gradient(135deg,#f4faf6,#eaf5ee);transition:transform .15s,box-shadow .15s,border-color .15s}
.ad-slot:hover{transform:translateY(-1px);border-color:#b9d8c6;box-shadow:0 6px 18px #1479631f}
.ad-slot img{width:32px;height:32px;border-radius:8px;flex-shrink:0}
.ad-slot .ad-copy{min-width:0;flex:1}
.ad-slot .ad-copy strong{display:block;font-size:12px;font-weight:700;color:#155f4a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ad-slot .ad-copy span{display:block;font-size:10px;color:#7d9186;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ad-slot svg{width:15px;height:15px;color:#3f9c7c;flex-shrink:0}
.ad-flag{position:absolute;top:-8px;right:10px;font-size:9px;line-height:1;padding:3px 5px;border-radius:3px;background:#e8efe9;color:#8a9a90;letter-spacing:.5px}

.ad-card{display:block;margin-top:26px;padding:16px 18px;border:1px solid #d8e6dd;border-radius:9px;background:linear-gradient(135deg,#f5fbf7,#e9f5ee);text-align:left;transition:transform .15s,box-shadow .15s,border-color .15s}
.ad-card:hover{transform:translateY(-1px);border-color:#b6d7c4;box-shadow:0 10px 26px #14796321}
.ad-card-head{display:flex;align-items:center;gap:10px}
.ad-card-head img{width:30px;height:30px;border-radius:8px;flex-shrink:0}
.ad-card-head b{font-size:13px;color:#12513f;letter-spacing:.2px}
.ad-card-head svg{width:14px;height:14px;color:#3f9c7c;margin-left:auto}
.ad-card p{font-size:11px;color:#6f8579;line-height:1.85;margin-top:9px}
.ad-card .ad-url{display:inline-block;margin-top:10px;font-size:11px;font-weight:600;color:#12735a;border-bottom:1px dashed #9dc9b4;padding-bottom:1px}

/* ── 用途说明 ─────────────────────────────────────────── */
.welcome-logo{border-radius:16px;box-shadow:0 8px 24px #2b6cb026}
.purpose-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:9px;text-align:left}
.purpose-list li{display:flex;gap:9px;font-size:11px;line-height:1.75;color:#6f8579}
.purpose-list li svg{width:14px;height:14px;color:#3f9c7c;margin-top:2px;flex-shrink:0}
.purpose-list li b{color:#3a5347;font-weight:650}

.about-body p{font-size:12px;line-height:1.95;color:#5d7268}
.about-body h3{font-size:13px;margin:20px 0 8px;color:#2f4a3c}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.about-grid div{border:1px solid #e3ece6;border-radius:6px;padding:11px 12px;background:#fafcfb}
.about-grid b{display:block;font-size:11px;color:#28614c;margin-bottom:5px}
.about-grid span{font-size:10px;color:#7d8f84;line-height:1.8}
.about-foot{display:flex;align-items:center;gap:10px;margin-top:22px;padding-top:16px;border-top:1px solid #eef3f0;font-size:11px;color:#8a9a90}
.about-foot .button{margin-left:auto}

@media(max-width:1100px){.ad-card p{display:none}}
@media(max-width:800px){
  .brand-logo{width:31px;height:31px;border-radius:8px}
  .brand-name{font-size:16px}
  .top-right{gap:10px}
  .ad-slot{margin:8px 12px 0;padding:9px 10px}
  .ad-slot .ad-copy strong{font-size:11px}
  .about-grid{grid-template-columns:1fr}
}
