/* 55ABG55 轻量原创主题：保留原页面结构，调整色彩、导航、卡片和文章层次 */
:root {
  --primary-color: #071b24;
  --secondary-color: #83e6b4;
  --accent-color: #ff7a66;
  --highlight-color: #ffd978;
  --text-color: #f5fbfa;
  --text-secondary: #b9ceca;
  --bg-dark: #0c2630;
  --card-bg: rgba(12, 41, 51, 0.90);
  --border-color: rgba(131, 230, 180, 0.18);
  --gradient: linear-gradient(135deg, #83e6b4 0%, #55cdd1 46%, #ff7a66 100%);
  --gradient-dark: linear-gradient(135deg, #0a2b34 0%, #123b42 52%, #281f35 100%);
  --shadow: 0 20px 54px rgba(0, 0, 0, 0.32);
  --radius: 22px;
}

body {
  background:
    radial-gradient(circle at 9% 12%, rgba(255,122,102,.14), transparent 27rem),
    radial-gradient(circle at 88% 8%, rgba(131,230,180,.13), transparent 31rem),
    repeating-linear-gradient(135deg, rgba(255,255,255,.014) 0 1px, transparent 1px 34px),
    var(--primary-color);
}

header {
  background: rgba(7, 27, 36, .93);
  border-bottom: 1px solid rgba(131, 230, 180, .19);
  box-shadow: 0 12px 36px rgba(0,0,0,.27);
  backdrop-filter: blur(18px);
}
.logo { flex-shrink:0; white-space:nowrap; letter-spacing:.035em; text-shadow:0 0 24px rgba(131,230,180,.2); }
.logo-icon { color:var(--accent-color); filter:drop-shadow(0 0 8px rgba(255,122,102,.55)); }
.logo > span:not(.logo-icon) { margin-left:.42rem; padding-left:.5rem; border-left:1px solid rgba(255,217,120,.35); }
nav a { position:relative; border-radius:999px; }
nav a::after { content:""; position:absolute; left:50%; right:50%; bottom:.16rem; height:2px; border-radius:2px; background:var(--gradient); transition:.25s ease; }
nav a:hover::after, nav a[aria-current="page"]::after { left:.78rem; right:.78rem; }
nav a:hover, nav a[aria-current="page"] { background:rgba(131,230,180,.075); }

.banner, .service-hero {
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(112deg, rgba(7,27,36,.98), rgba(12,58,63,.90) 57%, rgba(47,31,49,.84)),
    radial-gradient(circle at 78% 14%, rgba(255,217,120,.17), transparent 22rem);
  border-bottom:1px solid rgba(131,230,180,.2);
}
.banner::before, .service-hero::before { content:""; position:absolute; width:370px; height:370px; right:-120px; top:-190px; border:1px solid rgba(131,230,180,.19); border-radius:50%; box-shadow:0 0 0 38px rgba(255,122,102,.038),0 0 0 76px rgba(131,230,180,.025); }
.banner::after, .service-hero::after { content:""; position:absolute; inset:auto 7% 0; height:2px; background:linear-gradient(90deg,transparent,var(--secondary-color),var(--accent-color),transparent); opacity:.78; }
.eyebrow, .section-kicker { letter-spacing:.15em; }
.section-title h2::after { width:82px; height:3px; background:var(--gradient); box-shadow:0 0 18px rgba(131,230,180,.25); }

.btn { color:#071b24; border:1px solid rgba(255,255,255,.2); box-shadow:0 14px 32px rgba(28,126,122,.23); }
.btn-outline { color:#a4f0ca; border-color:rgba(131,230,180,.58); background:rgba(7,27,36,.35); }
.btn-outline:hover { color:#071b24; background:#83e6b4; }

.service-link-card, .feature-card, .step-card, .download-card, .contact-card, .service-info-card,
.faq-list details, .service-notice-panel, .article-card, .sidebar-card, .article-content {
  background:linear-gradient(150deg,rgba(15,49,59,.95),rgba(8,31,40,.96));
  border:1px solid rgba(131,230,180,.15);
  box-shadow:0 17px 44px rgba(0,0,0,.24);
}
.service-link-card, .feature-card, .step-card, .service-info-card, .article-card { position:relative; overflow:hidden; }
.service-link-card::before, .feature-card::before, .step-card::before, .service-info-card::before, .article-card::before { content:""; position:absolute; inset:0 0 auto; height:3px; background:var(--gradient); opacity:.88; }
.service-link-card::after, .article-card::after { content:""; position:absolute; width:84px; height:84px; right:-42px; bottom:-42px; border:1px solid rgba(255,217,120,.17); border-radius:50%; }
.service-link-card:hover, .feature-card:hover, .download-card:hover, .service-info-card:hover, .article-card:hover { border-color:rgba(131,230,180,.42); box-shadow:0 23px 58px rgba(0,0,0,.33); transform:translateY(-5px); }
.domain-tip, .security-note, .service-notice-panel { border-left:3px solid var(--accent-color); }
footer { background:linear-gradient(180deg,#09202a,#030b0f); border-top:1px solid rgba(131,230,180,.16); }

.articles-preview-section { background:linear-gradient(180deg,rgba(255,122,102,.035),rgba(131,230,180,.025)); }
.article-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.35rem; }
.article-card { border-radius:var(--radius); padding:1.65rem; transition:.3s ease; min-height:292px; display:flex; flex-direction:column; }
.article-card-number { font-size:2.35rem; line-height:1; font-weight:800; color:rgba(131,230,180,.17); margin-bottom:.8rem; }
.article-card-tag { color:var(--accent-color); font-size:.78rem; letter-spacing:.12em; margin-bottom:.55rem; }
.article-card h2, .article-card h3 { font-size:1.18rem; line-height:1.65; margin-bottom:.75rem; }
.article-card h2 a, .article-card h3 a { color:var(--text-color); }
.article-card p { color:var(--text-secondary); flex-grow:1; }
.article-card-link { display:inline-flex; margin-top:1.1rem; color:var(--secondary-color); font-weight:700; }
.article-card-meta { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:.9rem; color:var(--text-secondary); font-size:.84rem; }
.article-group + .article-group { margin-top:4rem; }
.article-group-heading { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:1.5rem; padding-bottom:1rem; border-bottom:1px solid rgba(131,230,180,.14); }
.article-group-heading h2 { margin:0; }
.article-group-heading p { margin:0; color:var(--text-secondary); }

.article-directory-hero .service-hero-content, .article-hero .service-hero-content { max-width:980px; }
.breadcrumb { display:flex; flex-wrap:wrap; gap:.55rem; align-items:center; margin-bottom:1.25rem; color:var(--text-secondary); font-size:.9rem; }
.breadcrumb a { color:var(--secondary-color); }
.article-meta { display:flex; flex-wrap:wrap; gap:.75rem 1.3rem; margin-top:1.3rem; color:var(--text-secondary); font-size:.92rem; }
.article-layout { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:2rem; align-items:start; }
.article-content { border-radius:26px; padding:clamp(1.35rem,3vw,2.7rem); }
.article-lead { font-size:1.08rem; line-height:2; color:#dcebe8; padding:1.25rem 1.35rem; border-radius:17px; background:rgba(131,230,180,.052); border:1px solid rgba(131,230,180,.15); }
.article-section { margin-top:2rem; }
.article-section h2 { font-size:1.4rem; margin-bottom:.8rem; color:var(--secondary-color); }
.article-section p { color:var(--text-secondary); line-height:2.05; font-size:1.03rem; text-align:justify; }
.article-notice { margin-top:2.2rem; padding:1.5rem; border-radius:16px; }
.article-notice h2 { font-size:1.25rem; margin-bottom:.65rem; }
.article-navigation { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-top:2rem; }
.article-nav-link { display:flex; flex-direction:column; gap:.45rem; padding:1.1rem 1.2rem; border-radius:15px; border:1px solid rgba(131,230,180,.17); background:rgba(7,27,36,.46); }
.article-nav-link.next { text-align:right; }
.article-nav-link span { color:var(--accent-color); font-size:.82rem; }
.article-nav-link strong { color:var(--text-color); line-height:1.55; }
.article-sidebar { position:sticky; top:104px; display:grid; gap:1rem; }
.sidebar-card { border-radius:19px; padding:1.35rem; }
.sidebar-card h2 { font-size:1.15rem; margin-bottom:.9rem; }
.sidebar-card ul { list-style:none; display:grid; gap:.62rem; }
.sidebar-card li { padding-bottom:.62rem; border-bottom:1px solid rgba(131,230,180,.09); }
.sidebar-card li:last-child { border-bottom:0; }
.sidebar-card li a { color:var(--text-secondary); font-size:.9rem; line-height:1.55; }
.sidebar-card li a:hover { color:var(--secondary-color); }
.sidebar-card.compact p { color:var(--text-secondary); margin:.35rem 0; word-break:break-all; }
.sidebar-btn { width:100%; margin-top:1rem; text-align:center; }

@media (min-width:769px) {
  nav ul { gap:.1rem; }
  nav a { padding-left:.68rem; padding-right:.68rem; }
  .banner-content { max-width:920px; }
}
@media (min-width:1024px) {
  header { padding:.76rem 0; }
  .logo { font-size:1.08rem; line-height:1.15; }
  .logo-icon { margin-right:.34rem; font-size:1.25rem; }
  .logo > span:not(.logo-icon) { font-size:.78em; }
  nav li { margin-left:.18rem; }
  nav a { padding:.42rem .42rem; font-size:.86rem; }
}
@media (max-width:980px) {
  .article-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .article-layout { grid-template-columns:1fr; }
  .article-sidebar { position:static; }
}
@media (max-width:768px) {
  nav { background:rgba(7,27,36,.99); }
  nav a { border-radius:0; }
  nav a::after { display:none; }
  .logo > span:not(.logo-icon) { margin-left:.28rem; padding-left:.34rem; }
  .article-grid { grid-template-columns:1fr; }
  .article-card { min-height:auto; }
  .article-group-heading { align-items:flex-start; flex-direction:column; }
  .article-navigation { grid-template-columns:1fr; }
  .article-nav-link.next { text-align:left; }
  .article-content { padding:1.15rem; }
  .article-section p { text-align:left; }
}