.wh-section{--wh-surface:#fff;--wh-surface-soft:#fff9fb;--wh-text:#21173f;--wh-muted:#746b88;--wh-line:#eee7f2;--wh-pink:#ec4777;--wh-pink-hover:#dc3567;--wh-pink-soft:#ffe9f0;--wh-purple:#9455ee;--wh-purple-deep:#7c3ddd;--wh-purple-soft:#f1e8ff;--wh-green:#58aa65;--wh-green-soft:#eaf8ec;--wh-blue:#678fe8;--wh-shadow-sm:0 4px 14px rgba(71,42,92,.07);--wh-shadow-md:0 14px 38px rgba(86,54,106,.1);--wh-shadow-card:0 8px 24px rgba(115,73,95,.08);--wh-ease:cubic-bezier(.2,.8,.2,1);--wh-hero-img:url(/images/writer-hub/writer-hub-hero.webp);--wh-hero-bg:#f4efff;--wh-hero-wash:linear-gradient(90deg,hsla(0,0%,100%,.08),transparent 40%);--wh-hero-foot:linear-gradient(180deg,transparent,hsla(0,0%,100%,.3));--wh-hero-title:#241441;--wh-hero-title-shadow:0 2px 0 hsla(0,0%,100%,.75);--wh-hero-sub:#5f5370;--wh-bubble-bg:rgba(255,253,250,.88);--wh-bubble-line:rgba(220,207,222,.72);--wh-bubble-text:#54445a;--wh-bubble-strong:#38283f;--wh-room-dim:transparent;display:block;margin:28px 0 8px;color:var(--wh-text)}.hr-home .wh-section{margin:48px 0 0}html:is([data-theme=night],[data-theme=sleep],[data-theme=dark]) .wh-section{--wh-surface:#211a32;--wh-surface-soft:#292039;--wh-text:#fff8ff;--wh-muted:#c5b9d1;--wh-line:#3c304c;--wh-pink-soft:#4a2435;--wh-purple-soft:#392852;--wh-green-soft:#203b2b;--wh-shadow-sm:0 4px 16px rgba(0,0,0,.24);--wh-shadow-md:0 18px 46px rgba(0,0,0,.32);--wh-shadow-card:0 9px 24px rgba(0,0,0,.26);--wh-hero-img:url(/images/writer-hub/writer-hub-hero-night.webp);--wh-hero-bg:#171528;--wh-hero-wash:linear-gradient(90deg,rgba(13,12,42,.2),transparent 52%);--wh-hero-foot:linear-gradient(180deg,transparent,rgba(24,19,38,.62));--wh-hero-title:#fff9ff;--wh-hero-title-shadow:0 2px 12px rgba(0,0,0,.35);--wh-hero-sub:#e7dced;--wh-bubble-bg:rgba(38,29,51,.9);--wh-bubble-line:rgba(99,78,115,.7);--wh-bubble-text:#e8dced;--wh-bubble-strong:#fff;--wh-room-dim:rgba(19,13,31,.36)}@media (prefers-color-scheme:dark){html:not([data-theme=light]):not([data-theme=sleep]):not([data-theme=night]):not([data-theme=dark]) .wh-section{--wh-surface:#211a32;--wh-surface-soft:#292039;--wh-text:#fff8ff;--wh-muted:#c5b9d1;--wh-line:#3c304c;--wh-pink-soft:#4a2435;--wh-purple-soft:#392852;--wh-green-soft:#203b2b;--wh-shadow-sm:0 4px 16px rgba(0,0,0,.24);--wh-shadow-md:0 18px 46px rgba(0,0,0,.32);--wh-shadow-card:0 9px 24px rgba(0,0,0,.26);--wh-hero-img:url(/images/writer-hub/writer-hub-hero-night.webp);--wh-hero-bg:#171528;--wh-hero-wash:linear-gradient(90deg,rgba(13,12,42,.2),transparent 52%);--wh-hero-foot:linear-gradient(180deg,transparent,rgba(24,19,38,.62));--wh-hero-title:#fff9ff;--wh-hero-title-shadow:0 2px 12px rgba(0,0,0,.35);--wh-hero-sub:#e7dced;--wh-bubble-bg:rgba(38,29,51,.9);--wh-bubble-line:rgba(99,78,115,.7);--wh-bubble-text:#e8dced;--wh-bubble-strong:#fff;--wh-room-dim:rgba(19,13,31,.36)}html:not([data-theme=light]):not([data-theme=sleep]):not([data-theme=night]):not([data-theme=dark]) .wh-section .wh-random{background:radial-gradient(circle at 50% 14%,hsla(0,0%,100%,.08),transparent 9rem),linear-gradient(145deg,#2a2037,#35243b)}html:not([data-theme=light]):not([data-theme=sleep]):not([data-theme=night]):not([data-theme=dark]) .wh-section .wh-random h3{color:#ffc5dd}html:not([data-theme=light]):not([data-theme=sleep]):not([data-theme=night]):not([data-theme=dark]) .wh-section .wh-random img{mix-blend-mode:normal;opacity:.9}}.wh-section .wh-hero{position:relative;min-height:205px;overflow:hidden;border-radius:26px 26px 0 0;background-color:var(--wh-hero-bg);background-image:var(--wh-hero-wash),var(--wh-hero-img);background-position:bottom;background-size:cover}.wh-section .wh-hero:after{content:"";position:absolute;inset:auto 0 0;height:42px;background:var(--wh-hero-foot);pointer-events:none}.wh-section .wh-hero__inner{position:relative;z-index:2;width:min(1320px,calc(100% - 56px));min-height:205px;margin:0 auto;display:flex;align-items:center}.wh-section .wh-hero__copy{margin-top:-8px}.wh-section .wh-kicker{display:inline-flex;align-items:center;gap:12px;margin-bottom:2px}.wh-section .wh-kicker img{width:56px;height:52px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(112,67,121,.13))}.wh-section .wh-hero h2{margin:0;font-size:clamp(32px,3.2vw,50px);line-height:1.08;letter-spacing:-.035em;color:var(--wh-hero-title);text-shadow:var(--wh-hero-title-shadow)}.wh-section .wh-hero p{margin:10px 0 0 68px;color:var(--wh-hero-sub);font-size:clamp(15px,1.35vw,19px);font-weight:600}.wh-section .wh-hero__bubble{position:absolute;top:42px;right:96px;width:min(295px,26vw);min-height:95px;display:grid;align-content:center;border:1px solid var(--wh-bubble-line);border-radius:26px;padding:17px 23px;color:var(--wh-bubble-text);background:var(--wh-bubble-bg);box-shadow:0 12px 28px rgba(73,45,84,.1);backdrop-filter:blur(5px);font-size:14px;line-height:1.6}.wh-section .wh-hero__bubble strong{color:var(--wh-bubble-strong)}.wh-section .wh-hero__bubble:after{content:"";position:absolute;right:25px;bottom:-10px;width:21px;height:21px;border-right:1px solid var(--wh-bubble-line);border-bottom:1px solid var(--wh-bubble-line);background:var(--wh-bubble-bg);transform:rotate(45deg)}.wh-section .wh-board{position:relative;z-index:3;width:100%;margin:-10px auto 0;border:1px solid color-mix(in srgb,var(--wh-line) 82%,transparent);border-radius:26px;padding:28px;background:linear-gradient(180deg,color-mix(in srgb,var(--wh-surface) 94%,#fff1f6 6%),var(--wh-surface));box-shadow:var(--wh-shadow-md)}.wh-section .wh-discovery-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.wh-section .wh-filters{max-width:700px;min-width:0;display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));align-items:center;gap:4px;border:1px solid var(--wh-line);border-radius:999px;padding:4px;background:var(--wh-surface);box-shadow:var(--wh-shadow-sm)}.wh-section .wh-filter{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:999px;padding:6px 15px;color:var(--wh-muted);background:transparent;font:inherit;font-weight:800;white-space:nowrap;cursor:pointer;transition:color .15s ease,background .15s ease,transform .15s ease}.wh-section .wh-filter:hover{color:var(--wh-text);transform:translateY(-1px)}.wh-section .wh-filter.is-active{color:#fff;background:linear-gradient(135deg,#a765f4,#8a42e8);box-shadow:0 7px 16px rgba(141,72,228,.23)}.wh-section .wh-filter img{width:21px;height:21px;-o-object-fit:contain;object-fit:contain}.wh-section .wh-filter.is-active img{filter:brightness(0) invert(1)}.wh-section .wh-see-all{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;border:1.5px solid color-mix(in srgb,var(--wh-purple) 45%,var(--wh-line));border-radius:999px;padding:8px 18px;color:var(--wh-purple-deep);background:var(--wh-surface);font-weight:800;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.wh-section .wh-see-all:hover{transform:translateY(-2px);box-shadow:var(--wh-shadow-sm)}.wh-section .wh-carousel{position:relative}.wh-section .wh-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(218px,1fr);gap:14px;overflow-x:auto;padding:1px 1px 9px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.wh-section .wh-track::-webkit-scrollbar{display:none}.wh-section .wh-empty{grid-column:1/-1;margin:0;padding:28px 8px;color:var(--wh-muted);font-weight:700;text-align:center}.wh-section .wh-author-card{position:relative;min-width:0;overflow:hidden;scroll-snap-align:start;border:1px solid var(--wh-line);border-radius:20px;background:var(--wh-surface);box-shadow:var(--wh-shadow-card);transition:transform .18s var(--wh-ease),box-shadow .18s ease,border-color .18s ease}.wh-section .wh-author-card:hover{z-index:2;transform:translateY(-5px);border-color:color-mix(in srgb,var(--wh-purple) 25%,var(--wh-line));box-shadow:0 17px 33px rgba(98,55,112,.15)}.wh-section .wh-card__room{position:relative;height:142px;overflow:hidden;background:var(--wh-purple-soft) center /cover no-repeat;transition:transform .5s var(--wh-ease)}.wh-section .wh-author-card:hover .wh-card__room{transform:scale(1.045)}.wh-section .wh-card__room:before{content:"";position:absolute;inset:0;background:var(--wh-room-dim)}.wh-section .wh-card__room:after{content:"";position:absolute;inset:auto 0 0;height:48px;background:linear-gradient(180deg,transparent,hsla(0,0%,100%,.24))}.wh-section .wh-card__badge{position:absolute;z-index:2;top:12px;left:12px;min-height:27px;display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 10px;color:var(--wh-pink);background:hsla(0,0%,100%,.92);box-shadow:0 5px 12px rgba(76,43,62,.1);font-size:11px;font-weight:900;backdrop-filter:blur(5px)}.wh-section .wh-card__badge--new{color:var(--wh-green)}.wh-section .wh-card__badge--latest{color:var(--wh-blue)}.wh-section .wh-card__body{position:relative;min-height:326px;padding:50px 13px 14px;text-align:center}.wh-section .wh-avatar{position:absolute;top:-46px;left:50%;width:84px;height:84px;display:grid;place-items:center;overflow:hidden;border:4px solid var(--wh-surface);border-radius:50%;color:#fff;background:linear-gradient(135deg,#b389ff,#6f58de);box-shadow:0 7px 20px rgba(70,46,91,.22);transform:translateX(-50%)}.wh-section .wh-avatar img{border:0!important}.wh-section .wh-card__name{min-height:24px;margin:0;display:flex;align-items:center;justify-content:center;gap:4px;overflow:hidden;color:var(--wh-text);font-size:14.5px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.wh-section .wh-verified{display:inline-grid;place-items:center;width:15px;height:15px;flex:none;border-radius:50%;color:#fff;background:var(--wh-purple);font-size:9px}.wh-section .wh-card__tagline{height:39px;margin:3px 0 7px;overflow:hidden;color:var(--wh-muted);font-size:12px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.wh-section .wh-card__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0 0 11px;color:var(--wh-muted);font-size:11.5px;white-space:nowrap}.wh-section .wh-stat{min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:3px}.wh-section .wh-stat b{overflow:hidden;font-weight:700;text-overflow:ellipsis}.wh-section .wh-stat__icon{color:var(--wh-purple);font-size:13px}.wh-section .wh-stat__icon--heart{color:#ef6f94}.wh-section .wh-mini-books{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:9px}.wh-section .wh-mini-book{position:relative;height:54px;display:block;overflow:hidden;border-radius:8px;background:var(--wh-line)}.wh-section .wh-mini-book img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .2s ease}.wh-section .wh-mini-book:hover img{transform:scale(1.08)}.wh-section .wh-card__genres{min-height:25px;display:flex;align-items:flex-start;justify-content:center;gap:4px;overflow:hidden;margin-bottom:10px}.wh-section .wh-genre{display:inline-block;max-width:33%;overflow:hidden;border-radius:999px;padding:4px 7px;color:#826c96;background:var(--wh-surface-soft);font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.wh-section .wh-card__actions{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:6px}.wh-section .wh-card__actions--solo{grid-template-columns:minmax(0,1fr)}.wh-section .wh-card__cta,.wh-section .wh-card__follow{min-height:40px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:11px;cursor:pointer;font:inherit;font-size:12px;font-weight:900;white-space:nowrap;text-decoration:none}.wh-section .wh-card__follow{border:1px solid transparent;color:#fff;background:linear-gradient(135deg,#f34f83,#e83773);box-shadow:0 8px 18px rgba(232,55,112,.18);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}.wh-section .wh-card__follow:hover{background:linear-gradient(135deg,#f45e8d,var(--wh-pink-hover));transform:translateY(-1px)}.wh-section .wh-card__follow:disabled{opacity:.7;cursor:default}.wh-section .wh-card__follow.is-following{color:var(--wh-green);border-color:color-mix(in srgb,var(--wh-green),transparent 48%);background:var(--wh-green-soft);box-shadow:none}.wh-section .wh-card__cta{border:1px solid color-mix(in srgb,var(--wh-purple),transparent 48%);color:var(--wh-purple);background:var(--wh-purple-soft);transition:transform .15s ease,border-color .15s ease,background .15s ease}.wh-section .wh-card__cta:hover{border-color:var(--wh-purple);background:color-mix(in srgb,var(--wh-purple-soft),var(--wh-surface) 28%);transform:translateY(-1px)}.wh-section .wh-arrow{position:absolute;z-index:6;top:46%;width:42px;height:42px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--wh-purple) 45%,var(--wh-line));border-radius:50%;color:#fff;background:linear-gradient(145deg,#a965f5,#8640e4);box-shadow:0 7px 18px rgba(122,62,205,.25);cursor:pointer;transform:translateY(-50%);transition:transform .15s ease,opacity .15s ease}.wh-section .wh-arrow:hover{transform:translateY(-50%) scale(1.08)}.wh-section .wh-arrow--prev{left:-19px}.wh-section .wh-arrow--next{right:-19px}.wh-section .wh-pagination{display:flex;align-items:center;justify-content:center;gap:9px;margin:4px 0 22px}.wh-section .wh-dot{width:9px;height:9px;border:1.5px solid #b48de9;border-radius:50%;padding:0;background:transparent;cursor:pointer}.wh-section .wh-dot.is-active{border-color:var(--wh-purple);background:var(--wh-purple);transform:scale(1.12)}.wh-section .wh-bottom-grid{display:grid;grid-template-columns:.68fr 1.45fr 1.08fr;gap:16px}.wh-section .wh-panel{min-width:0;min-height:223px;border:1px solid var(--wh-line);border-radius:20px;padding:17px;background:var(--wh-surface);box-shadow:var(--wh-shadow-sm)}.wh-section .wh-panel__head{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.wh-section .wh-panel__title{display:inline-flex;align-items:center;gap:9px;margin:0;color:var(--wh-text);font-size:15px;font-weight:900}.wh-section .wh-panel__title img{width:25px;height:25px;-o-object-fit:contain;object-fit:contain}.wh-section .wh-panel__empty{margin:12px 0 0;color:var(--wh-muted);font-size:12px}.wh-section .wh-small-link{min-height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--wh-purple) 32%,var(--wh-line));border-radius:999px;padding:5px 13px;color:var(--wh-purple-deep);background:var(--wh-surface);font-size:11px;font-weight:800;text-decoration:none}.wh-section .wh-activity-list{display:grid;gap:8px}.wh-section .wh-activity{display:grid;grid-template-columns:37px minmax(0,1fr);gap:10px;align-items:center}.wh-section .wh-activity__avatar{width:37px;height:37px;display:grid;place-items:center;overflow:hidden;border:2px solid var(--wh-surface);border-radius:50%;background:var(--wh-purple-soft);box-shadow:0 0 0 1px var(--wh-line)}.wh-section .wh-activity__avatar img{border:0!important}.wh-section .wh-activity__copy{min-width:0;color:var(--wh-text);font-size:12px;line-height:1.4}.wh-section .wh-activity__copy b{font-weight:900}.wh-section .wh-activity__copy a{color:var(--wh-purple-deep);font-weight:800;text-decoration:none}.wh-section .wh-activity__copy a:hover{text-decoration:underline}.wh-section .wh-activity__time{display:block;margin-top:1px;color:var(--wh-muted);font-size:10.5px}.wh-section .wh-random{position:relative;display:flex;min-height:223px;flex-direction:column;align-items:center;justify-content:flex-end;overflow:hidden;padding:15px;text-align:center;background:radial-gradient(circle at 50% 14%,hsla(0,0%,100%,.78),transparent 9rem),linear-gradient(145deg,#fff9f6,#fff2f1)}html:is([data-theme=night],[data-theme=sleep],[data-theme=dark]) .wh-section .wh-random{background:radial-gradient(circle at 50% 14%,hsla(0,0%,100%,.08),transparent 9rem),linear-gradient(145deg,#2a2037,#35243b)}.wh-section .wh-random h3{position:absolute;z-index:2;top:16px;left:15px;right:15px;margin:0;color:#6a2b55;font-size:14px;font-weight:900}html:is([data-theme=night],[data-theme=sleep],[data-theme=dark]) .wh-section .wh-random h3{color:#ffc5dd}.wh-section .wh-random img{position:absolute;top:40px;left:50%;width:142px;height:110px;-o-object-fit:cover;object-fit:cover;-o-object-position:center 34%;object-position:center 34%;border-radius:50%;mix-blend-mode:multiply;transform:translateX(-50%)}html:is([data-theme=night],[data-theme=sleep],[data-theme=dark]) .wh-section .wh-random img{mix-blend-mode:normal;opacity:.9}.wh-section .wh-random p{position:relative;z-index:2;margin:0 0 8px;color:var(--wh-muted);font-size:11.5px}.wh-section .wh-random button{position:relative;z-index:2;width:100%;min-height:42px;border:0;border-radius:11px;color:#fff;background:linear-gradient(135deg,#9f61ef,#8742e6);box-shadow:0 8px 18px rgba(132,65,222,.2);font:inherit;font-weight:900;cursor:pointer}.wh-section .wh-notice-list{display:grid;gap:8px}.wh-section .wh-notice{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;text-decoration:none}.wh-section .wh-notice__icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--wh-pink-soft)}.wh-section .wh-notice__icon img{width:27px;height:27px;-o-object-fit:contain;object-fit:contain}.wh-section .wh-notice__copy{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-width:0;overflow:hidden;color:var(--wh-muted);font-size:11px;line-height:1.35}.wh-section .wh-notice__copy b{display:block;margin-bottom:2px;overflow:hidden;color:var(--wh-text);font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.wh-section .wh-notice:hover .wh-notice__copy b{color:var(--wh-purple-deep)}@media (max-width:1230px){.wh-section .wh-hero__bubble{right:48px}.wh-section .wh-bottom-grid{grid-template-columns:.75fr 1.25fr}.wh-section .wh-panel--notices{grid-column:1/-1}.wh-section .wh-notice-list{grid-template-columns:repeat(3,1fr)}}@media (max-width:1030px){.wh-section .wh-hero__inner{width:min(100% - 44px,900px)}.wh-section .wh-hero__bubble{right:24px;width:260px}.wh-section .wh-board{padding:22px}.wh-section .wh-discovery-head{align-items:flex-start;flex-direction:column}.wh-section .wh-filters{width:100%;max-width:none}.wh-section .wh-see-all{align-self:flex-end}}@media (max-width:760px){.wh-section{margin-top:20px}.wh-section .wh-hero,.wh-section .wh-hero__inner{min-height:240px}.wh-section .wh-hero{background-position:62% bottom;border-radius:22px 22px 0 0}.wh-section .wh-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,hsla(0,0%,100%,.88),hsla(0,0%,100%,.22) 75%)}html:is([data-theme=night],[data-theme=sleep],[data-theme=dark]) .wh-section .wh-hero:before{background:linear-gradient(90deg,rgba(24,17,52,.58),rgba(36,26,53,.12) 78%)}.wh-section .wh-hero__inner{width:calc(100% - 32px);align-items:flex-start;padding-top:39px}.wh-section .wh-hero__copy{max-width:320px}.wh-section .wh-kicker{gap:7px}.wh-section .wh-kicker img{width:43px;height:43px}.wh-section .wh-hero h2{font-size:clamp(28px,9vw,40px)}.wh-section .wh-hero p{max-width:270px;margin:10px 0 0;font-size:15px}.wh-section .wh-hero__bubble{display:none}.wh-section .wh-board{margin-top:-16px;border-radius:22px;padding:16px}.wh-section .wh-discovery-head{gap:12px;margin-bottom:16px}.wh-section .wh-filters{display:flex;overflow-x:auto;justify-content:flex-start;border-radius:17px;padding:5px;scrollbar-width:none}.wh-section .wh-filters::-webkit-scrollbar{display:none}.wh-section .wh-filter{min-width:-moz-max-content;min-width:max-content;min-height:40px;padding-inline:13px}.wh-section .wh-see-all{width:100%}.wh-section .wh-track{grid-auto-columns:min(82vw,292px);gap:12px}.wh-section .wh-card__room{height:152px}.wh-section .wh-arrow{top:43%;width:40px;height:40px}.wh-section .wh-arrow--prev{left:-10px}.wh-section .wh-arrow--next{right:-10px}.wh-section .wh-bottom-grid{grid-template-columns:1fr}.wh-section .wh-panel--notices{grid-column:auto}.wh-section .wh-random{min-height:236px}.wh-section .wh-notice-list{grid-template-columns:1fr}}@media (max-width:420px){.wh-section .wh-hero{background-position:66% bottom}html:is([data-theme=night],[data-theme=sleep],[data-theme=dark]) .wh-section .wh-hero{background-position:55% bottom}.wh-section .wh-board{padding-inline:12px}.wh-section .wh-track{grid-auto-columns:min(84vw,282px)}}@media (prefers-reduced-motion:reduce){.wh-section *,.wh-section :after,.wh-section :before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.nw-spotlight{--nw-brand:#e8537a;--nw-brand-deep:#c93a60;--nw-brand-soft:#fdecf1;--nw-panel:#fff;--nw-page:linear-gradient(180deg,#fff7fa,#fffdfb);--nw-line:rgba(232,83,122,.16);--nw-ink:var(--color-ink);--nw-ink-soft:var(--color-ink-soft);--nw-shadow:0 8px 28px rgba(72,30,45,.07);position:relative;margin:44px 0 0;padding:26px 22px 22px;border:1px solid var(--nw-line);border-radius:26px;background:var(--nw-page);overflow:hidden}:root[data-theme=dark] .nw-spotlight,:root[data-theme=night] .nw-spotlight,:root[data-theme=sleep] .nw-spotlight{--nw-brand:#f2789a;--nw-brand-deep:#e8537a;--nw-brand-soft:rgba(232,83,122,.16);--nw-panel:var(--color-paper);--nw-page:linear-gradient(180deg,rgba(232,83,122,.07),transparent);--nw-line:rgba(242,120,154,.22);--nw-shadow:0 8px 26px rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=night]):not([data-theme=dark]):not([data-theme=sleep]) .nw-spotlight{--nw-brand:#f2789a;--nw-brand-deep:#e8537a;--nw-brand-soft:rgba(232,83,122,.16);--nw-panel:var(--color-paper);--nw-page:linear-gradient(180deg,rgba(232,83,122,.07),transparent);--nw-line:rgba(242,120,154,.22);--nw-shadow:0 8px 26px rgba(0,0,0,.3)}}.nw-spotlight .nw-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.nw-spotlight .nw-title{margin:0;font-size:1.35em;font-weight:800;letter-spacing:-.01em;color:var(--nw-brand-deep)}.nw-spotlight .nw-sub{margin:6px 0 0;font-size:.92em;color:var(--nw-ink-soft);line-height:1.6}.nw-spotlight .nw-note{margin:4px 0 0;font-size:.8em;color:var(--nw-ink-soft);opacity:.8}.nw-spotlight .nw-head-side{display:flex;align-items:center;gap:12px;flex:none}.nw-spotlight .nw-count{font-size:.8em;font-weight:700;color:var(--nw-brand-deep);background:var(--nw-brand-soft);border-radius:999px;padding:4px 11px}.nw-spotlight .nw-all{font-size:.88em;font-weight:700;color:var(--nw-brand-deep);text-decoration:none;white-space:nowrap}.nw-spotlight .nw-all:hover{text-decoration:underline}.nw-spotlight .nw-shell{position:relative}.nw-spotlight .nw-slide{display:grid;grid-template-columns:minmax(240px,32%) 1fr;gap:22px;align-items:start;background:var(--nw-panel);border:1px solid var(--nw-line);border-radius:22px;padding:22px;box-shadow:var(--nw-shadow);animation:nw-slide-in .3s ease both}@keyframes nw-slide-in{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}.nw-spotlight .nw-writer{min-width:0;align-self:center;display:flex;flex-direction:column;align-items:center;text-align:center}.nw-spotlight .nw-avatar{width:156px;height:156px;border-radius:50%;overflow:hidden;border:3px solid var(--nw-brand-soft);background:var(--nw-brand-soft);display:grid;place-items:center}.nw-spotlight .nw-avatar img,.nw-spotlight .nw-avatar>div{width:100%!important;height:100%!important}.nw-spotlight .nw-badge{display:inline-block;margin-top:14px;padding:4px 12px;border-radius:999px;font-size:.76em;font-weight:800;letter-spacing:.01em;background:var(--nw-brand-soft);color:var(--nw-brand-deep)}.nw-spotlight .nw-pen{margin:8px 0 0;font-size:1.25em;font-weight:800;color:var(--nw-ink)}.nw-spotlight .nw-bio{margin:6px 0 0;font-size:.9em;line-height:1.6;color:var(--nw-ink-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nw-spotlight .nw-stats{display:flex;gap:26px;margin:14px 0 0;flex-wrap:wrap;justify-content:center}.nw-spotlight .nw-stats dt{font-size:.74em;color:var(--nw-ink-soft)}.nw-spotlight .nw-stats dd{margin:2px 0 0;font-size:1.05em;font-weight:800;color:var(--nw-ink)}.nw-spotlight .nw-tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:14px 0 0;padding:0;justify-content:center}.nw-spotlight .nw-tags li{font-size:.76em;font-weight:600;padding:3px 10px;border-radius:999px;border:1px solid var(--nw-line);color:var(--nw-ink-soft)}.nw-spotlight .nw-actions{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;flex-wrap:wrap}.nw-spotlight .nw-visit{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 22px;border-radius:999px;font-size:1em;font-weight:800;text-decoration:none;color:#fff;background:linear-gradient(135deg,var(--nw-brand) 0,var(--nw-brand-deep) 100%);box-shadow:0 6px 16px rgba(232,83,122,.28);transition:transform .15s ease,box-shadow .15s ease}.nw-spotlight .nw-visit:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(232,83,122,.34)}.nw-spotlight .nw-follow .btn{min-height:46px;border-radius:999px;font-weight:700;background:transparent;color:var(--nw-brand-deep);border:1.5px solid var(--nw-line);box-shadow:none}.nw-spotlight .nw-books{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.nw-spotlight .nw-books[data-count="2"]{grid-template-columns:repeat(2,minmax(0,340px))}.nw-spotlight .nw-books[data-count="1"]{grid-template-columns:minmax(0,1fr)}.nw-spotlight .nw-book{display:flex;flex-direction:column;min-width:0;border:1px solid var(--nw-line);border-radius:18px;padding:12px;background:var(--nw-panel)}.nw-spotlight .nw-book-body{display:flex;flex-direction:column;flex:1;min-width:0}.nw-spotlight .nw-cover-link{display:block}@media (min-width:1025px){.nw-spotlight .nw-books[data-count="1"] .nw-book{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;align-items:start;padding:16px}.nw-spotlight .nw-books[data-count="1"] .nw-book-syn{-webkit-line-clamp:5}.nw-spotlight .nw-books[data-count="1"] .nw-read{text-align:left}}.nw-spotlight .nw-cover{display:block;aspect-ratio:2/3;width:100%;max-width:200px;margin-inline:auto;overflow:hidden;border-radius:12px;background:var(--nw-brand-soft)}.nw-spotlight .nw-cover img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.nw-spotlight .nw-cover-fallback{width:100%;height:100%;display:grid;place-items:center;font-size:2.4em;font-weight:800;color:var(--nw-brand-deep);opacity:.5}.nw-spotlight .nw-book-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:10px;font-size:.95em;font-weight:800;line-height:1.4;color:var(--nw-ink);text-decoration:none}.nw-spotlight .nw-book-title:hover{color:var(--nw-brand-deep)}.nw-spotlight .nw-book-syn{margin:5px 0 0;font-size:.82em;line-height:1.55;color:var(--nw-ink-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nw-spotlight .nw-book-meta{display:flex;gap:12px;flex-wrap:wrap;margin:8px 0 0;font-size:.78em;color:var(--nw-ink-soft)}.nw-spotlight .nw-book-tags{display:flex;gap:5px;flex-wrap:wrap;list-style:none;margin:8px 0 0;padding:0}.nw-spotlight .nw-book-tags li{font-size:.72em;padding:2px 8px;border-radius:999px;background:var(--nw-brand-soft);color:var(--nw-brand-deep)}.nw-spotlight .nw-read{margin-top:auto;padding-top:10px;display:block;text-align:center;text-decoration:none;font-size:.85em;font-weight:700;color:var(--nw-brand-deep)}.nw-spotlight .nw-book:hover .nw-read{text-decoration:underline}.nw-spotlight .nw-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:40px;height:40px;min-height:40px;border-radius:50%;cursor:pointer;border:1px solid var(--nw-line);background:var(--nw-panel);color:var(--nw-brand-deep);font-size:1.5em;line-height:1;display:grid;place-items:center;box-shadow:var(--nw-shadow)}.nw-spotlight .nw-arrow:hover{background:var(--nw-brand-soft)}.nw-spotlight .nw-arrow-prev{left:-14px}.nw-spotlight .nw-arrow-next{right:-14px}.nw-spotlight .nw-dots{display:flex;justify-content:center;gap:7px;margin-top:14px}.nw-spotlight .nw-dots button{width:8px;height:8px;padding:0;border-radius:50%;cursor:pointer;border:none;background:var(--nw-line);transition:width .2s ease,background .2s ease}.nw-spotlight .nw-dots button.on{width:22px;border-radius:999px;background:var(--nw-brand)}.nw-spotlight a:focus-visible,.nw-spotlight button:focus-visible{outline:2px solid var(--nw-brand-deep);outline-offset:2px;border-radius:8px}@media (max-width:1024px){.nw-spotlight{padding:22px 16px 18px}.nw-spotlight .nw-slide{grid-template-columns:1fr;gap:18px}.nw-spotlight .nw-arrow-prev{left:2px}.nw-spotlight .nw-arrow-next{right:2px}.nw-spotlight .nw-books{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;margin:0 -4px;padding-left:4px;padding-right:4px;scrollbar-width:none}.nw-spotlight .nw-books::-webkit-scrollbar{display:none}.nw-spotlight .nw-book{flex:0 0 46%;scroll-snap-align:start}}@media (max-width:680px){.nw-spotlight{margin-top:32px;padding:18px 12px 16px;border-radius:20px}.nw-spotlight .nw-head{margin-bottom:14px}.nw-spotlight .nw-title{font-size:1.18em}.nw-spotlight .nw-sub{font-size:.86em}.nw-spotlight .nw-slide{padding:16px 14px;border-radius:18px}.nw-spotlight .nw-avatar{width:116px;height:116px}.nw-spotlight .nw-actions{flex-direction:column;align-items:stretch}.nw-spotlight .nw-visit{width:100%;min-height:50px}.nw-spotlight .nw-follow,.nw-spotlight .nw-follow .btn{width:100%}.nw-spotlight .nw-book{flex:0 0 68%}.nw-spotlight .nw-arrow{display:none}}@media (prefers-reduced-motion:reduce){.nw-spotlight .nw-slide{animation:none}.nw-spotlight .nw-visit{transition:none}.nw-spotlight .nw-visit:hover{transform:none}.nw-spotlight .nw-dots button{transition:none}}.rp-section{margin:44px 0 0;overflow:hidden}.rp-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}.rp-title{margin:0;font-size:1.15em;font-weight:800;color:var(--color-ink)}.rp-sub{margin:4px 0 0;font-size:.86em;color:var(--color-ink-soft)}.rp-all{font-size:.86em;font-weight:700;color:var(--color-accent);text-decoration:none;white-space:nowrap}.rp-all:hover{text-decoration:underline}.rp-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.rp-item{min-width:0}.rp-item a{display:block;text-decoration:none;color:inherit}.rp-cover{position:relative;display:block;aspect-ratio:2/3;width:100%;border-radius:12px;overflow:hidden;background:var(--color-paper-2);box-shadow:0 4px 14px rgba(31,27,36,.1);transition:transform .18s ease,box-shadow .18s ease}.rp-item a:hover .rp-cover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(31,27,36,.18)}.rp-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.rp-cover-fallback{width:100%;height:100%;display:grid;place-items:center;font-size:2em;font-weight:800;color:var(--color-ink-soft);opacity:.6}.rp-kind{position:absolute;top:6px;left:6px;font-size:12px;line-height:1;padding:4px 6px;border-radius:8px;background:rgba(0,0,0,.45)}.rp-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:7px;font-size:.82em;font-weight:700;line-height:1.4;color:var(--color-ink)}.rp-item a:hover .rp-name{color:var(--color-accent)}.rp-item a:focus-visible .rp-cover{outline:2px solid var(--color-accent);outline-offset:2px}@media (max-width:1024px){.rp-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.rp-item:nth-child(n+9){display:none}}@media (max-width:680px){.rp-section{margin-top:32px}.rp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.rp-item:nth-child(n+7){display:none}.rp-name{font-size:.78em}}@media (prefers-reduced-motion:reduce){.rp-cover{transition:none}.rp-item a:hover .rp-cover{transform:none}}