/* OB9999 轻量原创主题：保留原页面结构，调整色彩、导航、卡片和文章层次 */
: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; }
}


/* OB9999.cc 视觉微调：午夜靛蓝、霓虹青与暖金层次 */
:root {
  --primary-color:#10162a;
  --secondary-color:#64e6d4;
  --accent-color:#ff9f5a;
  --highlight-color:#f4dc83;
  --text-color:#f7f9ff;
  --text-secondary:#bdc8dc;
  --bg-dark:#161f39;
  --card-bg:rgba(20,31,58,.92);
  --border-color:rgba(100,230,212,.18);
  --gradient:linear-gradient(120deg,#64e6d4 0%,#7f8dff 48%,#ff9f5a 100%);
  --gradient-dark:linear-gradient(135deg,#111a33 0%,#1a2950 52%,#342037 100%);
  --shadow:0 22px 58px rgba(2,7,20,.38);
}
body{background:radial-gradient(circle at 12% 8%,rgba(127,141,255,.16),transparent 28rem),radial-gradient(circle at 88% 12%,rgba(100,230,212,.12),transparent 31rem),linear-gradient(180deg,#10162a,#111a30 45%,#0c1325);}
header{background:rgba(13,20,40,.94);border-bottom:1px solid rgba(100,230,212,.2);}
.logo-icon{color:var(--highlight-color);filter:drop-shadow(0 0 10px rgba(244,220,131,.45));}
.banner,.service-hero{background:linear-gradient(112deg,rgba(13,20,40,.99),rgba(25,44,78,.93) 56%,rgba(52,31,58,.88)),radial-gradient(circle at 80% 14%,rgba(255,159,90,.16),transparent 22rem);}
.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,.direct-url-card{background:linear-gradient(150deg,rgba(25,39,72,.96),rgba(15,24,48,.97));border-color:rgba(100,230,212,.16);box-shadow:0 18px 48px rgba(2,7,20,.3);}
.service-link-card:hover,.feature-card:hover,.download-card:hover,.service-info-card:hover,.article-card:hover{border-color:rgba(100,230,212,.45);box-shadow:0 25px 64px rgba(2,7,20,.42);}
.btn{box-shadow:0 14px 34px rgba(72,116,170,.27);}
.direct-url-section{padding-top:2rem;padding-bottom:1rem;}
.direct-url-card{position:relative;overflow:hidden;border-radius:24px;padding:clamp(1.35rem,3vw,2rem);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.3rem;align-items:center;}
.direct-url-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--gradient);}
.direct-url-card .section-kicker{margin-bottom:.4rem;}
.direct-url-card h2{margin:.15rem 0 .55rem;font-size:clamp(1.35rem,2.6vw,1.85rem);}
.direct-url-card p{color:var(--text-secondary);margin:0;}
.direct-url-link{display:inline-flex;align-items:center;justify-content:center;min-width:220px;padding:.92rem 1.15rem;border-radius:14px;background:rgba(100,230,212,.08);border:1px solid rgba(100,230,212,.35);color:var(--secondary-color);font-weight:800;word-break:break-all;transition:.25s ease;}
.direct-url-link:hover{background:var(--secondary-color);color:#10162a;transform:translateY(-2px);}
.article-card-number{color:rgba(127,141,255,.22);}
.article-card-tag{color:var(--accent-color);}
.article-group-heading{border-bottom-color:rgba(100,230,212,.14);}
@media(max-width:768px){nav{background:rgba(13,20,40,.995)}.direct-url-card{grid-template-columns:1fr}.direct-url-link{width:100%;min-width:0}.logo>span:not(.logo-icon){display:inline}}


/* OB9999 原创轻量主题：石墨蓝、紫晶光与薄荷青层次 */
:root{
  --primary-color:#0b1020;
  --secondary-color:#70ead3;
  --accent-color:#b992ff;
  --highlight-color:#ffc76e;
  --text-color:#f8f9ff;
  --text-secondary:#c1c9db;
  --bg-dark:#121a31;
  --card-bg:rgba(18,27,53,.93);
  --border-color:rgba(185,146,255,.20);
  --gradient:linear-gradient(125deg,#70ead3 0%,#8aa5ff 48%,#b992ff 100%);
  --gradient-dark:linear-gradient(135deg,#0d152b 0%,#1b2850 53%,#302048 100%);
  --shadow:0 24px 62px rgba(1,5,18,.42);
}
body{background:radial-gradient(circle at 10% 7%,rgba(185,146,255,.17),transparent 29rem),radial-gradient(circle at 88% 11%,rgba(112,234,211,.12),transparent 32rem),linear-gradient(180deg,#0b1020,#111831 47%,#090e1d);}
header{background:rgba(9,14,31,.95);border-bottom:1px solid rgba(185,146,255,.22);}
.logo-icon{color:var(--highlight-color);filter:drop-shadow(0 0 11px rgba(255,199,110,.48));}
.banner,.service-hero{background:linear-gradient(112deg,rgba(10,16,34,.99),rgba(24,39,76,.94) 56%,rgba(48,31,72,.9)),radial-gradient(circle at 80% 13%,rgba(112,234,211,.14),transparent 23rem);}
.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,.direct-url-card{background:linear-gradient(150deg,rgba(24,36,70,.97),rgba(13,21,44,.98));border-color:rgba(185,146,255,.17);box-shadow:0 19px 52px rgba(1,5,18,.34);}
.service-link-card:hover,.feature-card:hover,.download-card:hover,.service-info-card:hover,.article-card:hover{border-color:rgba(112,234,211,.43);box-shadow:0 27px 68px rgba(1,5,18,.46);}
.article-card::before,.service-link-card::before,.feature-card::before,.step-card::before,.service-info-card::before{background:linear-gradient(90deg,var(--secondary-color),var(--accent-color),var(--highlight-color));}
.article-card-number{color:rgba(185,146,255,.24);}
.multi-url-card{grid-template-columns:1fr;gap:1.2rem;}
.direct-url-heading{max-width:860px;}
.login-url-list{list-style:none;display:grid;gap:.85rem;margin:0;padding:0;}
.login-url-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem 1.1rem;border-radius:16px;background:rgba(112,234,211,.045);border:1px solid rgba(112,234,211,.16);}
.login-url-list li div{min-width:0;display:grid;gap:.28rem;}
.login-url-list strong{color:var(--text-color);}
.login-url-list span{color:var(--text-secondary);word-break:break-all;font-size:.92rem;}
.login-url-list a{display:inline-flex;align-items:center;justify-content:center;padding:.72rem 1rem;border-radius:12px;background:rgba(185,146,255,.1);border:1px solid rgba(185,146,255,.35);color:#d8c5ff;font-weight:800;white-space:nowrap;transition:.25s ease;}
.login-url-list a:hover{background:var(--accent-color);color:#0b1020;transform:translateY(-2px);}
.url-safety-note{margin:0;padding:.9rem 1rem;border-left:3px solid var(--highlight-color);background:rgba(255,199,110,.055);border-radius:0 12px 12px 0;color:var(--text-secondary);}
@media(max-width:768px){nav{background:rgba(9,14,31,.995)}.login-url-list li{grid-template-columns:1fr}.login-url-list a{width:100%}}