/* roulang page: index */
*,*::before,*::after{box-sizing:border-box}
:root{
  --ink:#2c2030;
  --ink2:#7c6b7e;
  --paper:#fdf7f5;
  --panel:#ffffff;
  --rose:#d24b6e;
  --rose2:#9c2f4f;
  --blush:#fbe9ee;
  --gold:#dd9a45;
  --line:#efe1de;
  --rad:18px;
  --sd:0 10px 26px rgba(78,38,56,.07);
  --gap:clamp(20px,3.4vw,34px);
}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none;margin:0;padding:0}
h1,h2,h3,p,figure{margin:0}
:focus-visible{outline:2px solid var(--rose);outline-offset:3px;border-radius:8px}
.dofgleyu-wrap{width:min(1160px,92%);margin:0 auto}
section[id]{scroll-margin-top:86px}

/* 顶部 */
.dofgleyu-top{position:sticky;top:0;z-index:60;background:rgba(253,247,245,.93);backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--line)}
.dofgleyu-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:70px}
.dofgleyu-brand{display:flex;align-items:center;gap:11px;flex:0 0 auto}
.dofgleyu-mark{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;font-size:17px;font-weight:700;color:#fff;background:linear-gradient(135deg,#e2657f,var(--rose2));box-shadow:0 8px 18px rgba(210,75,110,.3)}
.dofgleyu-name{font-size:17.5px;font-weight:700;letter-spacing:.02em}
.dofgleyu-nav{display:flex;align-items:center;gap:2px;flex-wrap:wrap;justify-content:flex-end}
.dofgleyu-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;font-size:14.5px;color:var(--ink2);transition:background .22s,color .22s}
.dofgleyu-nav a:hover{background:var(--blush);color:var(--rose2)}

/* 首屏 */
.dofgleyu-hero{position:relative;padding:52px 0 66px;overflow:hidden;background:radial-gradient(900px 380px at 8% -8%,#fde2e9 0%,rgba(253,226,233,0) 62%),radial-gradient(760px 340px at 92% 4%,#f1e7fb 0%,rgba(241,231,251,0) 58%),var(--paper)}
.dofgleyu-hero::after{content:"";position:absolute;left:40%;bottom:-58%;width:70%;height:320px;background:radial-gradient(closest-side,rgba(210,75,110,.12),transparent);pointer-events:none}
.dofgleyu-state{display:inline-flex;align-items:center;gap:9px;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:7px 16px;font-size:13px;color:var(--rose2);box-shadow:var(--sd)}
.dofgleyu-dot{width:7px;height:7px;border-radius:50%;background:var(--rose);box-shadow:0 0 0 4px rgba(210,75,110,.14)}
.dofgleyu-h1{margin:20px 0 16px;font-size:clamp(29px,4.8vw,50px);line-height:1.2;letter-spacing:-.01em;max-width:15em}
.dofgleyu-h1 em{font-style:normal;color:var(--rose);background:linear-gradient(180deg,transparent 64%,rgba(210,75,110,.16) 64%)}
.dofgleyu-lead{max-width:60ch;color:var(--ink2);font-size:16px}
.dofgleyu-actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 36px}
.dofgleyu-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 26px;border-radius:999px;font-size:15px;font-weight:600;color:#fff;background:var(--rose);box-shadow:0 12px 24px rgba(210,75,110,.26);transition:transform .22s,background .22s}
.dofgleyu-btn:hover{background:var(--rose2);transform:translateY(-2px)}
.dofgleyu-btn2{background:var(--panel);color:var(--rose2);border:1px solid var(--line);box-shadow:none}
.dofgleyu-btn2:hover{background:var(--blush);transform:translateY(-2px)}
.dofgleyu-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative;z-index:1}
.dofgleyu-matrix li{display:flex;gap:12px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);padding:18px;box-shadow:var(--sd);transition:transform .22s,box-shadow .22s}
.dofgleyu-matrix li:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(78,38,56,.12)}
.dofgleyu-matrix svg{flex:0 0 auto;color:var(--rose);margin-top:3px}
.dofgleyu-matrix h3{font-size:15.5px;margin-bottom:4px}
.dofgleyu-matrix p{font-size:13.5px;color:var(--ink2);line-height:1.65}

/* 通用板块 */
.dofgleyu-sec{padding:62px 0}
.dofgleyu-head{max-width:790px;margin-bottom:36px}
.dofgleyu-kicker{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.16em;color:var(--rose);margin-bottom:10px}
.dofgleyu-h2{font-size:clamp(21px,2.9vw,29px);line-height:1.34;margin-bottom:12px}
.dofgleyu-desc{color:var(--ink2);font-size:15.5px}

/* 话题合集 */
.dofgleyu-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dofgleyu-ch{background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);padding:22px;box-shadow:var(--sd)}
.dofgleyu-ch h3{display:inline-block;font-size:16.5px;color:var(--rose2);padding-bottom:7px;border-bottom:2px solid var(--blush)}
.dofgleyu-ch p{font-size:14.5px;color:var(--ink2);margin-top:9px}

/* 卡片网格 */
.dofgleyu-grid{display:grid;gap:20px}
.dofgleyu-g3{grid-template-columns:repeat(3,1fr)}
.dofgleyu-g2{grid-template-columns:repeat(2,1fr)}
.dofgleyu-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);overflow:hidden;box-shadow:var(--sd);transition:transform .24s,box-shadow .24s}
.dofgleyu-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(78,38,56,.13)}
.dofgleyu-thumb{position:relative;margin:0;aspect-ratio:16/10;background:#f6edec;overflow:hidden}
.dofgleyu-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.dofgleyu-card:hover .dofgleyu-thumb img{transform:scale(1.05)}
.dofgleyu-tag{position:absolute;top:10px;left:10px;background:rgba(255,255,255,.94);color:var(--rose2);font-size:12px;font-weight:700;padding:4px 11px;border-radius:999px}
.dofgleyu-card-in{padding:16px 18px 20px}
.dofgleyu-card-in h3{font-size:16px;line-height:1.5;margin-bottom:7px}
.dofgleyu-card-in p{font-size:13.8px;color:var(--ink2)}

/* 社区约定 */
.dofgleyu-rules{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.dofgleyu-rule{display:flex;gap:14px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);padding:22px;box-shadow:var(--sd)}
.dofgleyu-rule span{flex:0 0 auto;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--blush);color:var(--rose2);font-size:14px;font-weight:700}
.dofgleyu-rule h3{font-size:16px;margin-bottom:6px}
.dofgleyu-rule p{font-size:14.2px;color:var(--ink2)}

/* 近期动态 */
.dofgleyu-news{display:grid;gap:14px}
.dofgleyu-news li{display:grid;grid-template-columns:172px 1fr;gap:18px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);padding:12px;box-shadow:var(--sd);transition:transform .22s}
.dofgleyu-news li:hover{transform:translateX(4px)}
.dofgleyu-news .dofgleyu-thumb{aspect-ratio:16/10;border-radius:12px}
.dofgleyu-news h3{font-size:16px;line-height:1.5;margin-bottom:6px}
.dofgleyu-news p{font-size:14px;color:var(--ink2)}
.dofgleyu-time{display:inline-block;margin-top:9px;font-size:12.5px;color:var(--rose);background:var(--blush);border-radius:999px;padding:2px 11px}

/* 收藏分享 */
.dofgleyu-picks{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.dofgleyu-pick{display:grid;grid-template-columns:132px 1fr;gap:16px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);padding:14px;box-shadow:var(--sd);transition:transform .22s}
.dofgleyu-pick:hover{transform:translateY(-3px)}
.dofgleyu-pick .dofgleyu-thumb{aspect-ratio:1/1;border-radius:12px}
.dofgleyu-pick h3{font-size:16px;margin-bottom:6px}
.dofgleyu-pick p{font-size:14px;color:var(--ink2)}

/* 专题索引 */
.dofgleyu-topic-sec{position:relative;background:var(--paper) url('/assets/images/backpic/back-1.webp') center/cover no-repeat}
.dofgleyu-topic-sec::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(253,247,245,.95),rgba(253,247,245,.9))}
.dofgleyu-topic-sec .dofgleyu-wrap{position:relative;z-index:1}
.dofgleyu-topics{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.dofgleyu-topic{background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);padding:26px;box-shadow:var(--sd)}
.dofgleyu-num{font-size:34px;font-weight:800;line-height:1;color:var(--blush);letter-spacing:-.02em}
.dofgleyu-topic h3{font-size:17.5px;margin:10px 0 8px}
.dofgleyu-topic p{font-size:14px;color:var(--ink2)}

/* 热议榜 */
.dofgleyu-rank{display:grid;gap:10px}
.dofgleyu-rank li{display:grid;grid-template-columns:40px 1fr auto auto;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 18px;transition:border-color .22s,transform .22s}
.dofgleyu-rank li:hover{border-color:#f0c8d2;transform:translateX(4px)}
.dofgleyu-rank-no{font-size:16px;font-weight:800;color:#cbb9c2;text-align:center}
.dofgleyu-rank li:nth-child(-n+3) .dofgleyu-rank-no{color:var(--rose)}
.dofgleyu-rank h3{font-size:15.5px;font-weight:600;line-height:1.5}
.dofgleyu-rank-tag{font-size:12.5px;color:var(--ink2);background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:3px 11px;white-space:nowrap}
.dofgleyu-heat{font-size:12.5px;color:var(--gold);white-space:nowrap}

/* 问答 */
.dofgleyu-qa{display:grid;gap:14px}
.dofgleyu-qa li{background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);padding:22px 24px;box-shadow:var(--sd)}
.dofgleyu-qa h3{font-size:16px;color:var(--rose2);line-height:1.55;margin-bottom:8px}
.dofgleyu-qa p{font-size:14.5px;color:var(--ink2)}

/* 读者回声 */
.dofgleyu-voices{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dofgleyu-voice{background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);padding:22px;box-shadow:var(--sd)}
.dofgleyu-voice p{font-size:14.5px;color:#5b4b5e;margin-bottom:14px}
.dofgleyu-who{font-size:13px;font-weight:600;color:var(--rose)}

/* 收口 */
.dofgleyu-cta-sec{padding:64px 0 72px}
.dofgleyu-cta{position:relative;overflow:hidden;border-radius:26px;padding:58px 30px;text-align:center;color:#fff;background:#3b2231 url('/assets/images/backpic/back-2.webp') center/cover no-repeat}
.dofgleyu-cta::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(59,34,49,.86),rgba(59,34,49,.93))}
.dofgleyu-cta h2,.dofgleyu-cta p,.dofgleyu-cta .dofgleyu-btn{position:relative}
.dofgleyu-cta h2{font-size:clamp(22px,3vw,30px);margin-bottom:14px}
.dofgleyu-cta p{max-width:56ch;margin:0 auto 26px;color:#e8d9e3;font-size:15.5px}

/* 页脚 */
.dofgleyu-foot{background:#2b1f2e;color:#d6c8d3;padding:56px 0 26px}
.dofgleyu-foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}
.dofgleyu-foot-brand{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.dofgleyu-foot-brand .dofgleyu-mark{width:34px;height:34px;font-size:15px;border-radius:11px}
.dofgleyu-foot-brand strong{color:#fff;font-size:16.5px}
.dofgleyu-foot p{font-size:14px;color:#a99aa6}
.dofgleyu-foot h3{font-size:14px;color:#fff;letter-spacing:.04em;margin-bottom:12px}
.dofgleyu-foot a{display:block;font-size:14px;color:#a99aa6;padding:7px 0;transition:color .2s}
.dofgleyu-foot a:hover{color:#fff}
.dofgleyu-copy{margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);text-align:center;font-size:13px;color:#8a7c88}

@media(max-width:1024px){
  .dofgleyu-matrix{grid-template-columns:repeat(2,1fr)}
  .dofgleyu-g3,.dofgleyu-channels,.dofgleyu-voices{grid-template-columns:repeat(2,1fr)}
  .dofgleyu-foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .dofgleyu-topbar{flex-direction:column;align-items:flex-start;gap:6px;padding:10px 0}
  .dofgleyu-nav{width:100%;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:4px}
  .dofgleyu-nav a{white-space:nowrap}
  .dofgleyu-hero{padding:38px 0 48px}
  .dofgleyu-sec{padding:48px 0}
  .dofgleyu-picks,.dofgleyu-topics,.dofgleyu-rules,.dofgleyu-g2{grid-template-columns:1fr}
  .dofgleyu-news li{grid-template-columns:132px 1fr;gap:14px}
  .dofgleyu-rank li{grid-template-columns:32px 1fr auto;gap:10px;padding:12px 14px}
  .dofgleyu-cta{padding:44px 22px}
}
@media(max-width:520px){
  body{font-size:15px}
  .dofgleyu-h1{font-size:27px}
  .dofgleyu-matrix,.dofgleyu-g3,.dofgleyu-channels,.dofgleyu-voices{grid-template-columns:1fr}
  .dofgleyu-news li{grid-template-columns:1fr}
  .dofgleyu-news .dofgleyu-thumb{aspect-ratio:16/9}
  .dofgleyu-pick{grid-template-columns:1fr}
  .dofgleyu-pick .dofgleyu-thumb{aspect-ratio:16/10}
  .dofgleyu-rank li{grid-template-columns:26px 1fr;row-gap:5px}
  .dofgleyu-rank-tag{grid-column:2;justify-self:start}
  .dofgleyu-heat{display:none}
  .dofgleyu-foot-grid{grid-template-columns:1fr}
  .dofgleyu-cta{padding:36px 18px}
}