:root { --wu-bg:#fbfaf2; --wu-surface:#fffef9; --wu-surface-2:#f2f8e9; --wu-text:#284522; --wu-muted:#74816d; --wu-line:rgba(80,142,61,.16); --wu-accent:#4ca52f; --wu-accent-2:#f2ad2e; --wu-radius:22px; --wu-shadow:0 12px 34px rgba(68,116,50,.09); }
body { background:linear-gradient(180deg,#fffdf5,#f8fbf1); }
.wu-header { background:rgba(255,253,246,.94); }
.wu-logo::before { content:"●"; border-radius:75% 22% 75% 22%; transform:rotate(-18deg); }
.wu-panel { border-color:rgba(84,153,55,.14); }
.wt06 .wu-feature-combo .wu-hero,
.wt06 .wu-feature-combo .wu-rank { border:0; box-shadow:none; }
.wt06 .wu-feature-combo .wu-hero { height:350px; min-height:350px; }
.wt06 .wu-feature-combo .wu-rank { background:transparent; }
.wt06 .wu-feature-combo .wu-rank-list b,
.wt06 .wu-feature-combo .wu-rank-list small { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.wt06 .wu-side details summary,
.wt06 .wu-side nav > a { color:#35532f; font-size:14px; font-weight:700; }
.wt06 .wu-side details div a { color:#566d50; font-size:13px; font-weight:600; }
.wt06-backdrop-banner,
.wt06-rank-grid { height:350px; min-height:350px; border:0; box-shadow:none; }
.wt06-backdrop-banner[data-video-banner-ready="1"] .wu-hero__item:first-child:not(.is-active) { opacity:0; pointer-events:none; }
.wt06-backdrop-banner__backdrop { position:absolute; inset:-18px; width:calc(100% + 36px); max-width:none; height:calc(100% + 36px); object-fit:cover; filter:blur(16px) saturate(.82); transform:scale(1.05); }
.wt06-backdrop-banner__veil { position:absolute; inset:0; background:linear-gradient(90deg,rgba(26,48,22,.88),rgba(31,54,26,.58)); }
.wt06-backdrop-banner__poster { position:absolute; left:54px; top:28px; z-index:2; width:160px; height:294px; overflow:hidden; border-radius:14px; box-shadow:0 14px 32px rgba(25,50,20,.28); }
.wt06-backdrop-banner__poster img { height:100%; object-fit:cover; }
.wt06-backdrop-banner__content { position:absolute; left:244px; right:38px; top:50%; z-index:2; color:#fff; transform:translateY(-50%); }
.wt06-backdrop-banner__content h2 { display:-webkit-box; overflow:hidden; max-width:100%; margin:0 0 10px; font-size:34px; line-height:1.15; overflow-wrap:anywhere; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.wt06-backdrop-banner__content .wu-hero__meta,
.wt06-backdrop-banner__content .wu-hero__summary { color:rgba(255,255,255,.78); }
.wt06-backdrop-banner__content .wu-hero__meta { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.wt06-backdrop-banner__content .wu-hero__summary { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
@media (min-width:1181px) {
  .wt06-home-focus { grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); gap:22px; align-items:stretch; }
  .wt06-rank-grid { padding:0; background:transparent; }
  .wt06-rank-grid .wu-rank-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:repeat(5,1fr); grid-auto-flow:column; column-gap:18px; height:302px; }
  .wt06-rank-grid .wu-rank-list li { grid-template-columns:24px 44px minmax(0,1fr); min-height:0; gap:8px; }
  .wt06-rank-grid .wu-rank-list img { width:44px; height:44px; }
  .wt06-rank-grid .wu-rank-list b,
  .wt06-rank-grid .wu-rank-list small { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
}

.theme-friend-links--06 { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:12px 0 0; padding:13px 16px; border:1px solid rgba(88,133,68,.22); border-radius:14px; color:#66745f; background:#f8fced; box-shadow:0 7px 20px rgba(68,116,50,.06); }
.theme-friend-links--06:empty { display:none; }
.wt06 .theme-friend-links--06 a { display:inline-flex; min-width:92px; max-width:100%; min-height:34px; padding:6px 15px; box-sizing:border-box; align-items:center; justify-content:center; overflow:hidden; border:1px solid rgba(76,165,47,.32); border-radius:999px; color:#477e35; background:rgba(76,165,47,.09); font-size:14px; font-weight:700; line-height:20px; text-align:center; text-overflow:ellipsis; white-space:nowrap; }
.wt06 .theme-friend-links--06 a:hover { border-color:var(--wu-accent); color:#fff; background:var(--wu-accent); }
@media (max-width:820px) { .theme-friend-links--06 { gap:9px; padding:11px 13px; }.wt06 .theme-friend-links--06 a { min-width:0; flex:1 1 calc(25% - 9px); padding-inline:10px; } }
@media (min-width:821px) and (max-width:1180px) {
  .wt06-home-focus { grid-template-columns:minmax(0,1fr); }
  .wt06-rank-grid { height:auto; min-height:0; }
}
.wu-home-module:nth-child(1) { background:#f2f8eb; }
.wu-home-module:nth-child(2) { background:#fff8df; }
.wu-home-module:nth-child(3) { background:#fff0e9; }
.wu-home-module:nth-child(4) { background:#eef8ed; }
.wu-rank-mast { background:linear-gradient(110deg,#eaf7d9,#fff8d9 55%,#dff5d7); }
.wu-detail-hero { background:linear-gradient(135deg,#f3fbdf,#fff9e8); }
@media (max-width:820px) {
  .wt06 .wu-header { box-shadow:0 5px 18px rgba(68,116,50,.08); }
  .wt06 .wu-panel { box-shadow:0 8px 24px rgba(68,116,50,.08); }
  .wt06-backdrop-banner__poster { left:18px; top:34px; width:120px; height:240px; }
  .wt06-backdrop-banner__content { left:158px; right:18px; }
  .wt06-backdrop-banner__content h2 { font-size:25px; }
  .wt06-backdrop-banner__content .wu-hero__summary { display:none; }
  .wt06-rank-grid { height:auto; min-height:0; box-shadow:none; }
  .wt06 .wu-detail-backdrop { opacity:.3; }
  .wt06 .wu-detail-veil { background:linear-gradient(90deg,rgba(248,252,238,.9),rgba(255,250,235,.8)); }
  .wt06 .wu-mobile-bottom { box-shadow:0 -5px 20px rgba(68,116,50,.08); }
}