/* ===== ruancang.net 全局样式 - 1:1复刻 ===== */
*{margin:0;padding:0;box-sizing:border-box}
a{text-decoration:none;color:inherit}
a:hover{color:var(--c-primary)}
img{border:0;display:block;max-width:100%}
ul,ol{list-style:none}
body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,div,span{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.15;-webkit-text-size-adjust:100%}
.flex1{flex:1 1 0%}
.line-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all;line-height:1.5;display:-webkit-box!important}
.line-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all;line-height:1.5;display:-webkit-box!important}

/* === 暗色主题变量 === */
body.theme-dark{
  --c-bg:#15181d;
  --c-box:#202328;
  --c-text1:#dfdfd6;
  --c-text2:#98989f;
  --c-text3:#6a6a71;
  --c-border:#43464b;
  --c-shadow:rgba(0,0,0,.32);
  --c-primary:#0066ff;
  --c-primary-l3:#4d94ff;
  --c-primary-l8:#cce0ff;
  background:var(--c-bg);
  color:var(--c-text1);
}

/* === 容器 === */
.wrapper{width:1100px;max-width:100%;margin:0 auto;position:relative}

/* === 顶部导航 === */
.rc-header{position:sticky;top:0;background:var(--c-box);z-index:99;white-space:nowrap;height:60px;box-shadow:rgba(0,0,0,.1) 0 1px 3px}
.rc-header-inner{display:flex;align-items:center;justify-content:center;height:100%;padding:0 16px;position:relative}
.rc-logo{display:flex;font-weight:700;font-size:20px;letter-spacing:1px;color:var(--c-text1)}
.rc-back{
  position:absolute;left:16px;top:50%;transform:translateY(-50%);
  display:flex;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:50%;
  color:var(--c-text1);text-decoration:none;
  transition:all .2s;
}
.rc-back:hover{background:rgba(255,255,255,.1);color:#fff}
.rc-back svg{width:20px;height:20px}

/* === 页脚 === */
.rc-footer{background:var(--c-box);color:var(--c-text1);font-size:13px;margin-top:auto}
.rc-footer-inner{padding:20px 0;text-align:center}
.rc-footer a{color:var(--c-text1)}
.rc-footer a:hover{color:var(--c-primary)}


/* === 响应式 === */
@media(max-width:1100px){
  .wrapper{width:100%;padding:0 10px}
}
@media(max-width:768px){
  body{overflow-x:hidden}
  .wrapper{width:100%;padding:0}
  .rc-header{height:54px}
  .rc-header-inner{padding:0 16px}
  .rc-logo{font-size:18px}
  .rc-footer{font-size:12px;margin-top:10px}
  .rc-footer-inner{padding:15px 0}
}