*{box-sizing:border-box;}
html,body{margin:0;overflow-x:clip;}
.pv-vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.pv-root{
--bg:#F7EEDD; --card:#FFF8EB; --card2:#FBF1DE;
--fg-strong:#2B231F; --fg:#2B231F; --fg2:#786C66; --muted:#786C66; --muted2:#9C8F84;
--border:#EFE4CE; --border2:#E6D7BD; --border3:#DAC8A8; --chip:#F2E7D0;
--accent:#B4831B; --accent2:#8F6714; --accent-soft:#F3E7CC; --link:#B4831B;
--on-accent:#FFFFFF; --accent-shadow:180,131,27;
--body:var(--fg); --accent-ink:var(--on-accent);
font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;
background:var(--bg); color:var(--fg); min-height:100vh; -webkit-font-smoothing:antialiased;
}
.pv-root.pv-dark img[alt="InkTopicFlow"]{ filter: invert(1) hue-rotate(180deg); }
.pv-root.pv-dark{
--bg:#18181B; --card:#27272A; --card2:#2E2E33;
--fg-strong:#F4F4F5; --fg:#F4F4F5; --fg2:#A1A1AA; --muted:#A1A1AA; --muted2:#7D7D86;
--border:#333338; --border2:#3F3F46; --border3:#4A4A52; --chip:#2E2E33;
--accent:#D4AF37; --accent2:#E3C556; --accent-soft:#2A2413; --link:#D4AF37;
--on-accent:#18181B; --accent-shadow:212,175,55;
}
.pv-root a{ color:var(--link); text-decoration:none; }
.pv-root a:hover{ color:var(--accent2); }
::selection{ background:var(--accent); color:var(--on-accent); }
.pv-card{ transition:transform .18s cubic-bezier(.16,1,.3,1), box-shadow .18s ease, border-color .18s ease; }
.pv-card:hover{ transform:translateY(-3px); border-color:var(--accent) !important; box-shadow:0 18px 40px -22px rgba(var(--accent-shadow),.4); }
.pv-title{ color:inherit; text-decoration:none; transition:color .12s ease; cursor:pointer; }
.pv-title:hover{ color:var(--accent); }
.pv-cat{ cursor:pointer; text-decoration:none; transition:filter .12s ease, transform .09s ease; }
.pv-cat:hover{ filter:brightness(1.09); }
.pv-cat:active{ transform:scale(.96); }
.pv-navtop{ position:relative; color:var(--muted); font-weight:600; font-size:14.5px; text-decoration:none; padding:6px 2px; transition:color .14s ease; cursor:pointer; white-space:nowrap; }
.pv-navtop:hover{ color:var(--accent); }
.pv-navunder{ position:absolute; left:0; right:0; bottom:-7px; height:2px; border-radius:2px; background:var(--accent); }
.pv-searchbar{ position:absolute; top:50%; left:0; right:0; transform:translateY(-50%); display:flex; align-items:center; gap:8px; background:var(--card); border:1px solid var(--accent); border-radius:14px; padding:4px; box-shadow:0 14px 34px -14px rgba(var(--accent-shadow),.55); z-index:6; transform-origin:right center; animation:pvSearchIn .24s cubic-bezier(.16,1,.3,1); }
@keyframes pvSearchIn{ from{ opacity:0; transform:translateY(-50%) scaleX(.55); } to{ opacity:1; transform:translateY(-50%) scaleX(1); } }
.pv-searchclose{ flex:none; width:38px; height:38px; border-radius:10px; border:none; background:var(--accent-soft); color:var(--accent); display:flex; align-items:center; justify-content:center; cursor:pointer; transition:background .12s, color .12s; }
.pv-searchclose:hover{ background:var(--accent); color:var(--on-accent); }
.pv-searchbar input{ flex:1 1 auto; min-width:0; border:none; background:transparent; color:var(--fg); font-size:15px; padding:9px 12px; font-family:inherit; }
.pv-searchbar input::placeholder{ color:var(--muted2); }
.pv-searchbar input:focus{ outline:none; }
.pv-ic-back{ display:none; }
@media (max-width:640px){
.pv-searchbar{ position:fixed; top:0; left:0; right:0; margin:0; transform:none; border-radius:0; border:none; border-bottom:1px solid var(--border2); padding:13px 16px; box-sizing:border-box; z-index:9500; box-shadow:0 10px 26px -16px rgba(0,0,0,.4); transform-origin:top center; animation:pvSearchDrop .26s cubic-bezier(.16,1,.3,1); }
.pv-searchbar .pv-searchclose{ order:-1; width:44px; height:44px; border-radius:50%; background:var(--card2); box-shadow:0 4px 12px -6px rgba(0,0,0,.35); }
.pv-searchbar .pv-ic-close{ display:none; }
.pv-searchbar .pv-ic-back{ display:block; }
.pv-searchbar input{ background:var(--card2); border-radius:26px; padding:13px 20px; font-size:16px; }
}
@keyframes pvSearchDrop{ from{ opacity:0; transform:translateY(-100%); } to{ opacity:1; transform:translateY(0); } }
.pv-tocfab{ display:none; position:fixed; top:72px; right:16px; z-index:8400; align-items:center; gap:8px; padding:10px 15px; border-radius:12px; border:1px solid var(--border2); background:var(--card); color:var(--fg-strong); font-size:13.5px; font-weight:800; cursor:pointer; box-shadow:0 12px 28px -12px rgba(var(--accent-shadow),.6); transition:background .12s; }
.pv-tocfab:hover{ background:var(--card2); }
.pv-tocfab .pv-fabmark{ display:flex; }
.pv-tocfab .pv-fabmark svg{ color:var(--accent); }
.pv-tocpanel{ position:fixed; top:122px; right:16px; left:16px; margin-left:auto; max-width:400px; z-index:8400; display:flex; flex-direction:column; max-height:calc(100vh - 150px); background:var(--card2); border:1px solid var(--border2); border-radius:14px; padding:16px 20px 14px 40px; box-shadow:0 26px 54px -22px rgba(0,0,0,.45); transform-origin:top right; animation:pvTocPop .22s cubic-bezier(.16,1,.3,1); }
.pv-tocpanel::before{ content:''; position:absolute; top:14px; bottom:14px; left:28px; width:1.5px; background:rgba(191,92,77,.34); border-radius:2px; pointer-events:none; }
.pv-root.pv-dark .pv-tocpanel::before{ background:rgba(224,122,105,.5); }
.pv-tocpanel .pv-toc{ overflow-y:auto; min-height:0; scrollbar-width:thin; scrollbar-color:var(--accent) transparent; }
@keyframes pvTocPop{ from{ opacity:0; transform:translateY(-8px) scale(.97); } to{ opacity:1; transform:translateY(0) scale(1); } }
@media (max-width:900px){ .pv-tocfab{ display:inline-flex; } }
.pv-iconbtn{ width:40px; height:40px; border-radius:11px; border:1px solid var(--border2); background:var(--card); color:var(--fg2); display:flex; align-items:center; justify-content:center; cursor:pointer; transition:border-color .14s, color .14s, background .14s, transform .09s; flex-shrink:0; }
.pv-iconbtn:hover{ border-color:var(--accent); color:var(--accent); }
.pv-iconbtn:active{ transform:scale(.92); }
.pv-subscribe{ font-family:inherit; font-size:14px; font-weight:700; color:var(--on-accent); background:var(--accent); border:none; padding:10px 20px; border-radius:9px; cursor:pointer; transition:background .14s, transform .09s, box-shadow .14s; box-shadow:0 8px 20px -10px rgba(var(--accent-shadow),.8); white-space:nowrap; }
.pv-subscribe:hover{ background:var(--accent2); box-shadow:0 10px 24px -10px rgba(var(--accent-shadow),.9); }
.pv-subscribe:active{ transform:scale(.97); }
.pv-viewall{ font-size:13px; font-weight:700; color:var(--accent); cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; gap:5px; transition:gap .15s ease, color .12s ease; white-space:nowrap; }
.pv-viewall:hover{ gap:9px; color:var(--accent2); }
.pv-pill{ cursor:pointer; border:1px solid var(--border2); background:var(--card); color:var(--fg2); font-family:inherit; font-size:13.5px; font-weight:700; padding:9px 20px; border-radius:9px; transition:border-color .14s, color .14s, background .14s, box-shadow .14s, transform .09s; }
.pv-pill:hover{ border-color:var(--accent); color:var(--accent); }
.pv-pill.is-active:hover{ color:var(--on-accent); background:var(--accent2); box-shadow:0 10px 24px -10px rgba(var(--accent-shadow),.9); }
.pv-pill:active{ transform:scale(.97); }
.pv-tocwrap{ position:sticky; top:90px; max-height:calc(100vh - 200px); display:flex; flex-direction:column; background:var(--card2); border:1px solid var(--border2); border-radius:12px; padding:20px 22px 14px 42px; box-shadow:0 14px 34px -22px rgba(var(--accent-shadow),.5); }
.pv-tocwrap::before{ content:''; position:absolute; top:14px; bottom:14px; left:30px; width:1.5px; background:rgba(191,92,77,.34); border-radius:2px; pointer-events:none; z-index:2; }
.pv-root.pv-dark .pv-tocwrap::before{ background:rgba(224,122,105,.5); }
.pv-toctitle{ flex:none; font-size:17px; font-weight:800; color:var(--fg-strong); padding-bottom:10px; margin-bottom:4px; border-bottom:2px solid var(--border3); }
.pv-tocscroll{ flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:var(--accent) transparent; -webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 20px, #000 calc(100% - 20px), transparent 100%); mask-image:linear-gradient(to bottom, transparent 0, #000 20px, #000 calc(100% - 20px), transparent 100%); }
.pv-tocscroll::-webkit-scrollbar{ width:6px; }
.pv-tocscroll::-webkit-scrollbar-thumb{ background:var(--accent); border-radius:6px; }
.pv-tocscroll::-webkit-scrollbar-track{ background:transparent; }
.pv-toc{ display:flex; flex-direction:column; padding:6px 0; }
.pv-tocarrow{ position:sticky; bottom:2px; align-self:flex-end; width:36px; height:36px; margin-top:8px; border-radius:11px; border:1px solid var(--border2); background:var(--accent-soft); color:var(--accent); display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 6px 16px -8px rgba(var(--accent-shadow),.6); transition:background .12s, color .12s, transform .09s; }
.pv-tocarrow:hover{ background:var(--accent); color:var(--on-accent); border-color:var(--accent); }
.pv-tocarrow:active{ transform:scale(.96); }
.pv-toclink{ position:relative; display:block; font-size:14.5px; line-height:1.38; color:var(--fg2); text-decoration:none; padding:9px 10px 9px 6px; border-bottom:1px solid var(--border); border-radius:4px; transition:color .12s, background .12s, box-shadow .12s; }
.pv-toclink:hover{ color:var(--accent); background:var(--accent-soft); }
.pv-toclink.is-lvl1{ padding-left:24px; font-size:13.5px; color:var(--muted); }
.pv-toclink.is-active{ color:var(--accent); font-weight:800; background:var(--accent-soft); box-shadow:inset -3px 0 0 var(--accent); }
.pv-input{ font-family:inherit; }
.pv-input:focus{ outline:none; border-color:var(--accent) !important; }
.pv-up{ transition:transform .12s cubic-bezier(.16,1,.3,1), opacity .25s ease, box-shadow .14s ease, background .14s ease; }
.pv-up:hover{ background:var(--accent2) !important; box-shadow:0 10px 24px -10px rgba(var(--accent-shadow),.9) !important; }
.pv-up:active{ transform:scale(.97) !important; }
.pv-trend-row{ scrollbar-width:none; }
.pv-trend-row::-webkit-scrollbar{ display:none; }
.pv-clamp{ display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; }
.pv-clamp-2{ -webkit-line-clamp:2; } .pv-clamp-3{ -webkit-line-clamp:3; }
.pv-p a{ color:var(--link); font-weight:600; }
@media (max-width:1200px){ .pv-catcols{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; } .pv-ogcards{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } .pv-footgrid{ grid-template-columns:1.4fr 1fr 1fr 1.4fr !important; } }
@media (max-width:900px){ .pv-nav .pv-navtop{ display:none !important; } .pv-cardgrid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } .pv-artgrid{ grid-template-columns:1fr !important; } .pv-tocwrap{ display:none !important; } }
.pv-menubtn{ display:none; }
@media (max-width:1180px){ .pv-tagline{ display:none !important; } }
@media (max-width:1080px){ .pv-nav .pv-navtop{ display:none !important; } .pv-menubtn{ display:flex !important; } }
@media (max-width:760px){ .pv-catcols{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } .pv-footgrid{ grid-template-columns:1fr 1fr !important; } .pv-hero-h1{ font-size:28px !important; } }
@media (max-width:560px){ .pv-catcols{ grid-template-columns:1fr !important; } .pv-ogcards{ grid-template-columns:1fr !important; } .pv-cardgrid{ grid-template-columns:1fr !important; } .pv-subscribe{ display:none !important; } .pv-hpad{ padding-left:18px !important; padding-right:18px !important; } .pv-article-h1{ font-size:30px !important; } }