/* ===== 天体轨道 · Orbital Loop ===== */
:root{
  --radius:20px; --radius-sm:12px;
  --shadow:0 14px 44px rgba(0,0,0,.5);
  --shadow-lg:0 28px 70px rgba(255,138,61,.2);
}
body{letter-spacing:.02em}
.site-header{background:rgba(11,16,38,.7);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,138,61,.16)}
.logo-mark{
  background:transparent;
  border-radius:50%;
  border:1.5px solid rgba(255,138,61,.75);
  box-shadow:none;
  color:#ff8a3d;
  position:relative;
}
.logo-mark::before{
  content:"";position:absolute;inset:-5px;border-radius:50%;
  border:1px dashed rgba(63,214,196,.55);
  animation:t110-orbit 16s linear infinite;
}
.logo-mark::after{
  content:"";position:absolute;inset:-5px;border-radius:50%;
  background:radial-gradient(circle at 50% 0%,#3fd6c4 0 2.6px,transparent 3.4px);
  animation:t110-orbit 16s linear infinite;
}
@keyframes t110-orbit{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.logo-mark::before,.logo-mark::after{animation:none}}
.logo-text{font-family:var(--font-head)}
.logo-text span{color:#8a96c4;letter-spacing:3px}
.main-nav a{position:relative;padding:8px 16px;transition:.3s var(--ease)}
.main-nav a:hover{color:#3fd6c4}
.main-nav a.active{color:#ff8a3d}
.main-nav a.active::after{content:"";position:absolute;left:50%;bottom:0;width:22px;height:2px;transform:translateX(-50%);background:#ff8a3d;box-shadow:0 0 8px #ff8a3d}
.nav-toggle{color:#ff8a3d}
/* hero：主星 + 同心轨道环 */
.hero{min-height:80vh;position:relative;overflow:hidden;display:grid;align-items:center}
.hero-in{position:relative;z-index:2}
.hero::before{
  /* 中心主星光晕 */
  content:"";position:absolute;left:50%;top:50%;width:520px;height:520px;transform:translate(-50%,-50%);
  border-radius:50%;pointer-events:none;z-index:0;
  background:
    radial-gradient(circle at center,rgba(255,138,61,.22) 0 6%,transparent 7%),
    radial-gradient(circle at center,rgba(255,138,61,.10) 0 18%,transparent 19%),
    radial-gradient(circle at center,rgba(63,214,196,.08) 0 32%,transparent 33%),
    radial-gradient(circle at center,rgba(232,236,255,.05) 0 48%,transparent 49%);
}
.hero::after{
  /* 轨道环细线 */
  content:"";position:absolute;left:50%;top:50%;width:800px;height:800px;transform:translate(-50%,-50%);
  border-radius:50%;pointer-events:none;z-index:0;
  border:1px solid rgba(255,138,61,.14);
  box-shadow:0 0 0 120px rgba(63,214,196,.04),0 0 0 240px rgba(232,236,255,.03);
}
.hero-eyebrow{color:#3fd6c4;letter-spacing:6px}
.hero-eyebrow::before{background:#ff8a3d;box-shadow:0 0 8px #ff8a3d}
.hero h1{font-family:var(--font-head);color:#e8ecff;text-shadow:0 0 30px rgba(63,214,196,.4)}
.hero-sub{color:#b3bce0}
.btn-primary{
  background:linear-gradient(135deg,#ff8a3d,#e06a1a);color:#060a18;
  box-shadow:0 12px 30px rgba(255,138,61,.45);
}
.btn-primary:hover{box-shadow:0 16px 40px rgba(255,138,61,.65)}
.btn-ghost:hover{border-color:#3fd6c4;color:#3fd6c4}
.hero-quote{color:#3fd6c4;font-style:italic}
.section-kicker{color:#ff8a3d;letter-spacing:4px}
.section-kicker::before{content:"◯";margin-right:8px;color:#3fd6c4}
.section-title{font-family:var(--font-head)}
.section-line{background:linear-gradient(90deg,#ff8a3d,#3fd6c4)}
/* 卡片：轨道光晕 */
.card{
  position:relative;border-radius:20px;overflow:hidden;background:var(--card);
  border:1px solid rgba(255,138,61,.18);box-shadow:var(--shadow);transition:box-shadow .4s;
}
.card::before{
  content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;border-radius:50%;
  border:1px dashed rgba(63,214,196,.3);
}
.card:hover{box-shadow:var(--shadow-lg)}
.card:hover .card-title{color:#ff8a3d}
.card>*{position:relative;z-index:1}
.card-title{font-family:var(--font-head)}
.card-summary{color:#b3bce0}
.card-meta time{color:#8a96c4}
.panel{border-radius:20px;background:var(--card);border:1px solid rgba(255,138,61,.16)}
.stat b{color:#ff8a3d}
.mini-list a:hover{color:#ff8a3d}
.mini-list i{border-radius:999px;background:rgba(255,138,61,.14);color:#ff8a3d}
.mini-list a:hover i{background:#ff8a3d;color:#060a18}
.tags-cloud a:hover{border-color:#ff8a3d;color:#ff8a3d}
.filter-bar a{border-radius:999px}
.filter-bar a.on{background:linear-gradient(135deg,#ff8a3d,#e06a1a);color:#060a18}
.work-card{border-radius:14px;position:relative;overflow:hidden;border:1px solid rgba(63,214,196,.25)}
.work-card .ov{background:linear-gradient(to top,rgba(6,10,24,.85),transparent 70%)}
.work-card .ov h3{font-family:var(--font-head)}
.feed-card{border-radius:18px;position:relative;overflow:hidden;background:var(--card);border:1px solid rgba(255,138,61,.16)}
.feed-head .avatar{background:radial-gradient(circle at 35% 30%,#ff8a3d,#3fd6c4)}
.feed-content .ft{font-family:var(--font-head)}
.feed-img{border-radius:10px}
.feed-actions button:active{background:rgba(255,138,61,.16);color:#ff8a3d}
.site-footer{background:linear-gradient(160deg,#060a18,#0b1026);border-top:1px solid rgba(255,138,61,.16)}
.footer-in h4{font-family:var(--font-head);letter-spacing:3px}
.footer-bottom{color:#8a96c4}
.article{border-radius:20px;background:var(--card);border:1px solid rgba(255,138,61,.16)}
.article-body h2{font-family:var(--font-head);border-left:4px solid #ff8a3d}
.article-body blockquote{border-left:4px solid #3fd6c4;background:rgba(63,214,196,.06)}
.article-tags a{background:rgba(255,138,61,.14);color:#ff8a3d}
.article-tags a:hover{background:#ff8a3d;color:#060a18}
.c-item .avatar{background:radial-gradient(circle at 35% 30%,#ff8a3d,#3fd6c4)}
.link-card{border-radius:14px}
.link-card .logo{border-radius:10px;background:linear-gradient(135deg,#ff8a3d,#3fd6c4)}
::selection{background:#ff8a3d;color:#060a18}

/* 移动端配套 */
@media (max-width:768px){
  .hero{min-height:56vh}
  .hero::before{width:300px;height:300px}
  .hero::after{width:420px;height:420px;box-shadow:0 0 0 60px rgba(63,214,196,.05)}
  .feed-card{border-radius:14px}
  .tab-bar{background:rgba(6,10,24,.94)}
  .tab-bar a.on{color:#ff8a3d}
  .tab-bar a.on svg{stroke:#ff8a3d}
}