/* 萌萌ICP 全局样式 - 萌系橙粉主题 */
* { box-sizing: border-box; margin: 0; padding: 0; }
:root{
  --orange:#f08300;
  --orange-d:#d96b00;
  --pink:#ffb6b9;
  --peach:#fff1e6;
  --line:#ffd9b3;
  --text:#4a3b2f;
  --muted:#8a7a6c;
  --ok:#3c9c4f;
  --err:#e5404a;
  --bg:#fff7f0;
}
body{
  font-family:"Microsoft YaHei","PingFang SC",sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.6;
  min-height:100vh;
  display:flex; flex-direction:column;
}
a{ color:var(--orange-d); text-decoration:none; }
a:hover{ text-decoration:underline; }
code{ background:#fff; border:1px solid var(--line); padding:2px 6px; border-radius:4px; font-size:13px; word-break:break-all; }

/* 顶栏 */
.topbar{ background:linear-gradient(90deg,var(--orange),#ff9e2c); color:#fff; box-shadow:0 2px 8px rgba(240,131,0,.25); }
.topbar-inner{ max-width:1100px; margin:auto; padding:12px 18px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; }
.brand{ color:#fff; font-size:20px; font-weight:bold; text-decoration:none; }
.topnav{ display:flex; gap:14px; flex-wrap:wrap; align-items:center; }
.topnav a{ color:#fff; opacity:.95; font-size:15px; }
.topnav a:hover{ opacity:1; text-decoration:none; border-bottom:2px solid #fff; }

.container{ max-width:1100px; width:100%; margin:0 auto; padding:22px 18px; flex:1; }

/* 提示条 */
.flash{ padding:12px 16px; border-radius:8px; margin-bottom:16px; border:1px solid; }
.flash-success{ background:#eafbe9; color:#2d7a3a; border-color:#bfe6c2; }
.flash-error{ background:#fdeaea; color:#b3353c; border-color:#f3c2c5; }

/* 首页英雄区(背景+搜索) */
.hero{
  position:relative;
  border-radius:16px;
  overflow:hidden;
  min-height:360px;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center;
  color:#fff;
  margin-bottom:24px;
  background:
    linear-gradient(rgba(255,140,40,.45),rgba(255,120,160,.45)),
    url('https://trae-api-cn.mchost.guru/api/ide/v1/text_to_image?prompt=Cute%20kawaii%20pastel%20illustration%20banner%20background%2C%20soft%20pink%20orange%20peach%20gradient%2C%20adorable%20chibi%20mascot%20cat%20holding%20a%20registration%20stamp%20and%20shield%2C%20floating%20certificate%20icons%2C%20cherry%20blossom%20petals%2C%20minimalist%20Japanese%20mascot%20style%2C%20bright%20cheerful%2C%20no%20text%2C%20wide%20landscape&image_size=landscape_16_9') center/cover no-repeat;
  box-shadow:0 8px 24px rgba(240,131,0,.25);
}
.hero h1{ font-size:34px; text-shadow:0 2px 8px rgba(0,0,0,.35); margin-bottom:6px; }
.hero p{ text-shadow:0 2px 8px rgba(0,0,0,.35); margin-bottom:22px; font-size:16px; }

/* 搜索框 */
.search-box{ display:flex; gap:0; width:100%; max-width:560px; background:#fff; border-radius:30px; overflow:hidden; box-shadow:0 4px 16px rgba(0,0,0,.15); }
.search-box input{ flex:1; border:0; padding:14px 22px; font-size:16px; outline:none; color:var(--text); }
.search-box button{ border:0; background:var(--orange); color:#fff; padding:0 28px; font-size:16px; cursor:pointer; font-weight:bold; }
.search-box button:hover{ background:var(--orange-d); }
.hot-tags{ margin-top:16px; display:flex; gap:8px; flex-wrap:wrap; justify-content:center; }
.hot-tags a{ background:rgba(255,255,255,.85); color:var(--orange-d); padding:4px 12px; border-radius:14px; font-size:13px; }

/* 卡片框架 */
.panel{ background:#fff; border:1px solid var(--line); border-radius:12px; padding:22px; margin-bottom:22px; box-shadow:0 2px 10px rgba(240,131,0,.06); }
.panel h2{ font-size:20px; color:var(--orange-d); border-left:5px solid var(--orange); padding-left:10px; margin-bottom:16px; }

/* 备案详情展示 */
.record-card{ background:#fff; border:2px solid var(--line); border-radius:14px; overflow:hidden; box-shadow:0 4px 16px rgba(240,131,0,.1); }
.record-head{ background:linear-gradient(90deg,var(--orange),#ff9e2c); color:#fff; padding:16px 22px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; }
.record-head .icp-no{ font-size:20px; font-weight:bold; }
.record-head .status{ background:#fff; color:var(--orange-d); padding:4px 12px; border-radius:14px; font-size:14px; font-weight:bold; }
.record-body{ display:grid; grid-template-columns:160px 1fr; gap:0; }
.record-body .row{ display:contents; }
.record-body .label{ background:var(--peach); padding:14px 18px; border-bottom:1px solid var(--line); border-right:1px solid var(--line); color:var(--muted); font-weight:bold; }
.record-body .value{ padding:14px 18px; border-bottom:1px solid var(--line); }
.record-body .row:last-child .label,
.record-body .row:last-child .value{ border-bottom:0; }
.tuge-thumb{ width:80px; height:80px; border-radius:10px; object-fit:cover; border:1px solid var(--line); background:var(--peach); }
.tuge-fill{ width:120px; height:120px; background-size:100% 100%; background-repeat:no-repeat; border-radius:10px; border:1px solid var(--line); }
.record-actions{ padding:16px 22px; background:var(--peach); display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.record-actions .label-tip{ color:var(--muted); font-size:14px; margin-right:auto; }

/* 表单 */
.form-row{ margin-bottom:16px; }
.form-row label{ display:block; margin-bottom:6px; font-weight:bold; color:var(--text); }
.form-row .hint{ color:var(--muted); font-size:13px; margin-top:4px; }
.form-row input[type=text],
.form-row input[type=password],
.form-row input[type=email],
.form-row input[type=url],
.form-row textarea,
.form-row select{
  width:100%; padding:10px 12px; border:1px solid var(--line); border-radius:8px; font-size:15px; font-family:inherit; outline:none;
}
.form-row input:focus, .form-row textarea:focus, .form-row select:focus{ border-color:var(--orange); box-shadow:0 0 0 3px rgba(240,131,0,.15); }
.form-row textarea{ min-height:90px; resize:vertical; }
.btn{ display:inline-block; background:var(--orange); color:#fff; padding:10px 22px; border:0; border-radius:8px; font-size:15px; cursor:pointer; font-weight:bold; text-decoration:none; }
.btn:hover{ background:var(--orange-d); text-decoration:none; }
.btn:disabled{ background:#ccc; cursor:not-allowed; }
.btn-line{ background:#fff; color:var(--orange-d); border:1px solid var(--orange); }
.btn-line:hover{ background:var(--peach); }
.btn-dark{ background:#333; }
.btn-dark:hover{ background:#000; }
.btn-sm{ padding:5px 12px; font-size:13px; }
.actions-row{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; }

/* 候选号码网格 (每行3个) */
.candidate-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.candidate{ border:2px solid var(--line); border-radius:12px; padding:18px 12px; text-align:center; cursor:pointer; background:#fff; transition:.15s; }
.candidate:hover{ border-color:var(--orange); background:var(--peach); }
.candidate.selected{ border-color:var(--orange); background:linear-gradient(180deg,#fff,var(--peach)); box-shadow:0 4px 14px rgba(240,131,0,.2); }
.candidate .num{ font-size:20px; font-weight:bold; color:var(--orange-d); }
.candidate .lbl{ font-size:13px; color:var(--muted); margin-top:4px; }

/* 列表表格 */
.table{ width:100%; border-collapse:collapse; background:#fff; border-radius:10px; overflow:hidden; }
.table th, .table td{ padding:10px 12px; border-bottom:1px solid var(--line); text-align:left; font-size:14px; }
.table th{ background:var(--peach); color:var(--orange-d); }
.table tr:hover td{ background:#fffaf5; }
.tag{ display:inline-block; padding:2px 8px; border-radius:10px; font-size:12px; color:#fff; }
.tag-ok{ background:var(--ok); } .tag-err{ background:var(--err); } .tag-wait{ background:#f0a020; } .tag-gray{ background:#888; }

/* 网格列表 (每行3个) */
.grid3{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.grid-card{ background:#fff; border:1px solid var(--line); border-radius:12px; padding:16px; transition:.15s; }
.grid-card:hover{ box-shadow:0 4px 16px rgba(240,131,0,.15); border-color:var(--orange); }
.grid-card .gc-name{ font-weight:bold; color:var(--orange-d); margin-bottom:6px; }
.grid-card .gc-meta{ font-size:13px; color:var(--muted); }

/* 统计 */
.stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:22px; }
.stat{ background:#fff; border:1px solid var(--line); border-radius:12px; padding:18px; text-align:center; }
.stat .n{ font-size:26px; font-weight:bold; color:var(--orange-d); }
.stat .t{ font-size:13px; color:var(--muted); margin-top:4px; }

/* 反馈类型单选 */
.feedback-types{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-bottom:16px; }
.feedback-types label{ display:flex; align-items:center; gap:8px; border:1px solid var(--line); border-radius:8px; padding:12px; cursor:pointer; background:#fff; }
.feedback-types label:hover{ border-color:var(--orange); background:var(--peach); }
.feedback-types input{ accent-color:var(--orange); }

.empty{ text-align:center; padding:40px; color:var(--muted); }

/* 底部 */
.footer{ background:#3a2c22; color:#e8d8c8; padding:22px; text-align:center; margin-top:auto; }
.footer-inner{ max-width:1100px; margin:auto; }
.footer .small{ font-size:12px; color:#b6a595; margin-top:6px; }

/* 响应式 */
@media (max-width:760px){
  .hero{ min-height:280px; }
  .hero h1{ font-size:26px; }
  .record-body{ grid-template-columns:110px 1fr; }
  .candidate-grid, .grid3{ grid-template-columns:repeat(2,1fr); }
  .stats{ grid-template-columns:repeat(2,1fr); }
  .feedback-types{ grid-template-columns:1fr; }
  .search-box input{ padding:12px 16px; font-size:15px; }
}
@media (max-width:420px){
  .candidate-grid, .grid3{ grid-template-columns:1fr; }
  .topnav{ gap:10px; font-size:14px; }
}