input[type=password]::-ms-clear,input[type=password]::-ms-reveal{display:none}input[type=password]::-webkit-credentials-auto-fill-button{display:none!important}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}:root{--bg:#FFFFFF;--surface:#ffffff;--surface2:#F8F9FA;--surface3:#F3F4F5;--header-bg:var(--bg);--header-border:var(--border);--primary:#006A63;--primary-hover:#005A54;--primary-light:rgba(0,106,99,0.1);--primary-text:#006A63;--primary-container:#2DD4BF;--accent:#e11d48;--text:#191C1D;--text-sub:#3C4947;--text-secondary:#3C4947;--text-muted:#6B7280;--surface-container:#F3F4F5;--surface-container-low:#F8F9FA;--surface-container-high:#EDEEEF;--outline-variant:#BBC9C7;--border:rgba(187,201,199,0.22);--border-input:rgba(187,201,199,0.45);--danger:#ef4444;--success:#10b981;--success-light:rgba(16,185,129,0.12);--warning:#f59e0b;--info:#3b82f6;--radius:12px;--radius-sm:8px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--shadow:0px 4px 12px rgba(25,28,29,0.04);--shadow-md:0px 8px 24px rgba(25,28,29,0.05);--shadow-hover:0px 12px 32px rgba(25,28,29,0.06);--shadow-card:0px 12px 32px rgba(25,28,29,0.06);--shadow-modal:0 20px 60px rgba(25,28,29,0.15);--z-header:100;--z-dropdown:200;--z-overlay:400;--z-modal:500;--z-toast:9999;--transition-fast:0.12s ease;--transition-base:0.2s ease;--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-in-out-smooth:cubic-bezier(0.4,0,0.2,1);--duration-fast:0.15s;--duration-base:0.25s;--duration-slow:0.4s;--duration-reveal:0.6s;--primary-gradient:linear-gradient(135deg,#006A63,#2DD4BF);--primary-gradient-hover:linear-gradient(135deg,#005A54,#26B5A3);--primary-gradient-vivid:linear-gradient(135deg,#006A63,#2DD4BF 50%,#5EEAD4);--hover-overlay:rgba(0,106,99,0.04);--hover-overlay-strong:rgba(0,106,99,0.08);--font-headline:"Plus Jakarta Sans","Inter","Noto Sans KR",-apple-system,sans-serif;--font-ui:"Plus Jakarta Sans","Inter","Noto Sans KR",-apple-system,sans-serif;--primary-rgb:0,106,99;--primary-container-rgb:45,212,191;--surface-rgb:255,255,255;--text-rgb:25,28,29;--overlay-bg:rgba(0,0,0,0.55);--overlay-bg-strong:rgba(0,0,0,0.75);--ghost-border:rgba(187,201,199,0.15);--myp-banner-end:#004D47;--myp-banner-end2:#003330}html.dark-mode{--bg:#0F1413;--surface:#1A2422;--surface2:#1E2826;--surface3:#253330;--surface-container-high:#2A3735;--primary:#006A63;--primary-hover:#005A54;--primary-container:#2DD4BF;--text:#E1E3E2;--text-sub:#A7B1AF;--text-secondary:#8A9492;--text-muted:#6B7573;--border:rgba(187,201,199,0.1);--border-input:rgba(187,201,199,0.25);--success:#10b981;--success-light:rgba(16,185,129,0.15);--shadow:0 1px 4px rgba(0,0,0,0.3);--shadow-md:0 2px 8px rgba(0,0,0,0.4);--shadow-hover:0 4px 16px rgba(0,0,0,0.5);--shadow-card:0 4px 20px rgba(0,0,0,0.4);--shadow-modal:0 20px 60px rgba(0,0,0,0.6);--primary-light:rgba(0,106,99,0.18);--primary-text:#2DD4BF;--primary-gradient:linear-gradient(135deg,#006A63,#2DD4BF);--primary-gradient-hover:linear-gradient(135deg,#005A54,#26B5A3);--primary-gradient-vivid:linear-gradient(135deg,#006A63,#2DD4BF 50%,#5EEAD4);--surface-rgb:26,36,34;--text-rgb:225,227,226;--overlay-bg:rgba(0,0,0,0.55);--overlay-bg-strong:rgba(0,0,0,0.75);--ghost-border:rgba(187,201,199,0.08);--hover-overlay:rgba(45,212,191,0.06);--hover-overlay-strong:rgba(45,212,191,0.1);--myp-banner-end:#1A2E2B;--myp-banner-end2:#142220;--surface-container:#253330}html.dark-mode .site-header{--header-bg:var(--bg);--header-border:var(--border)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6;display:flex;flex-direction:column;opacity:0;animation:page-fallback-reveal 0s ease 1.5s forwards}body.page-ready{opacity:1;animation:none;transition:opacity .12s ease}@keyframes page-fallback-reveal{to{opacity:1}}body.fullscreen-page .bottom-nav,body.fullscreen-page .site-footer,body.fullscreen-page .site-header{display:none!important}body.fullscreen-page .app-body{min-height:100vh;display:flex;align-items:center;justify-content:center}body.fullscreen-page .content-wrap{display:contents}body.hide-footer .site-footer,body.hide-search #searchBox,body.hide-sidebar .sidebar{display:none!important}body.comm-search-mode #searchBox{display:block!important}body.comm-search-mode #searchBox .search-chip-area{display:none!important}body.comm-search-mode #commSearchDropdown{display:none}.app-body{flex:1 1;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none}button,input,select,textarea{font-family:inherit;outline:none}.admin-page-title,.footer-logo-text,.genre-page-title,.hero-title,.logo-text,.novel-title,.section-header-unified h2,.section-title,.sp-hero-title{font-family:var(--font-headline)}.explore-dd-tab,.gnb-item,.sidebar-label,.sidebar-subsection-label{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.1em}.sidebar{position:fixed;top:84px;left:0;width:16px;height:calc(100vh - 84px - 20px);background:rgba(var(--surface-rgb),.88);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(var(--primary-rgb),.12);border-left:none;border-radius:0 14px 14px 0;box-shadow:2px 0 8px rgba(0,0,0,.06),inset -2px 0 6px rgba(var(--primary-rgb),.04);z-index:90;display:flex;flex-direction:column;padding:0;overflow:hidden;transition:width .25s ease,padding .25s ease,border-radius .25s ease,box-shadow .25s ease;cursor:pointer}.sidebar:before{content:"";position:absolute;top:20%;right:4px;width:3px;height:32px;border-radius:3px;background:rgba(var(--primary-rgb),.35);transition:opacity .2s ease,top .2s ease}.sidebar:hover:before{opacity:0}.sidebar:hover{width:220px;padding:20px 14px;overflow-y:auto;cursor:default;border-radius:0 16px 16px 0;box-shadow:4px 0 20px rgba(0,0,0,.08),0 0 0 1px rgba(var(--primary-rgb),.06)}.sidebar>*{opacity:0;transition:opacity .15s ease}.sidebar:hover>*{opacity:1;transition:opacity .2s ease .1s}.sidebar::-webkit-scrollbar{display:none}.sidebar{scrollbar-width:none}html.dark-mode .sidebar{box-shadow:2px 0 12px rgba(0,0,0,.2),inset -2px 0 6px rgba(var(--primary-rgb),.06)}html.dark-mode .sidebar:hover{box-shadow:6px 0 24px rgba(0,0,0,.3),0 0 0 1px rgba(var(--primary-rgb),.1)}.sb-section{margin-bottom:24px}.sb-section:last-child{margin-bottom:0}.sb-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 2px}.sb-section-header-left{display:flex;align-items:center;gap:8px}.sb-section-icon{font-size:13px;color:var(--primary)}.sb-section-label{font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--text-sub)}.sb-see-all{font-size:11px;font-weight:600;color:var(--primary);text-decoration:none;transition:opacity .15s}.sb-see-all:hover{opacity:.7}.sb-card-list{display:flex;flex-direction:column;gap:6px}.sb-card{display:flex;align-items:center;gap:10px;padding:8px 10px;background:rgba(var(--surface-rgb),.5);border:1px solid var(--ghost-border);border-radius:10px;text-decoration:none;color:inherit;transition:all .18s}.sb-card:hover{background:rgba(var(--surface-rgb),1);box-shadow:0 4px 12px rgba(25,28,29,.06)}html.dark-mode .sb-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.25)}.sb-card-thumb{width:32px;min-width:32px;height:44px;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--text-muted);flex-shrink:0}.sb-card-thumb img{width:100%;height:100%;object-fit:cover}.sb-card-info{display:flex;flex-direction:column;min-width:0;gap:2px}.sb-card-title{font-size:12px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-card-meta{font-size:10px;color:var(--text-muted)}.sidebar-explore-wrap{position:relative}.explore-dropdown{position:fixed;left:180px;top:auto;width:480px;background:var(--surface,#fff);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.15);display:flex;opacity:0;pointer-events:none;transform:translateX(-8px);transition:opacity .15s ease-out,transform .15s ease-out;z-index:1200;overflow:hidden}html.dark-mode .explore-dropdown{background:#1E2826;box-shadow:0 8px 32px rgba(0,0,0,.4)}.explore-dropdown.open{opacity:1;pointer-events:auto;transform:translateX(0)}.explore-dd-tabs{width:96px;min-width:96px;background:var(--surface2,#f5f5f5);display:flex;flex-direction:column;padding:8px 0;flex-shrink:0}html.dark-mode .explore-dd-tabs{background:#142220}.explore-dd-tab{height:52px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#888;border:none;background:transparent;cursor:pointer;transition:all .15s;font-family:inherit}.explore-dd-tab:hover{background:var(--surface3,#ebebeb)}html.dark-mode .explore-dd-tab:hover{background:#253330}.explore-dd-tab.active{background:#006A63;color:#fff}.explore-dd-content{flex:1 1;padding:20px;min-height:220px;display:flex;flex-direction:column}.explore-dd-list{display:flex;flex-direction:column;gap:10px}.explore-dd-item{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;padding:6px 8px;border-radius:8px;transition:background .15s}.explore-dd-item:hover{background:var(--primary-light)}.explore-dd-thumb{width:36px;min-width:36px;height:52px;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-muted);flex-shrink:0}.explore-dd-thumb img{width:100%;height:100%;object-fit:cover}.explore-dd-info{flex:1 1;min-width:0}.explore-dd-title{font-size:13px;font-weight:700;line-height:1.3}.explore-dd-author,.explore-dd-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.explore-dd-author{font-size:11px;color:#888;margin-top:2px}.explore-dd-more{display:block;text-align:center;font-size:12px;font-weight:600;color:var(--primary);text-decoration:none;padding:8px 0 0;transition:opacity .15s}.explore-dd-more:hover{opacity:.8}.explore-dd-empty{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#888;text-align:center}.explore-dd-empty i{font-size:24px;opacity:.4}.explore-dd-empty p{font-size:13px;margin:0}.explore-dd-cta{font-size:12px;font-weight:600;color:var(--primary);text-decoration:none;padding:6px 14px;border:1px solid var(--primary);border-radius:6px;transition:all .15s}.explore-dd-cta:hover{background:var(--primary);color:#fff}.explore-dd-genres{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:0;gap:0}.explore-dd-genre-btn{padding:10px 12px;font-size:13px;font-weight:600;background:none;color:var(--text-sub);text-decoration:none;transition:background .12s,color .12s;white-space:nowrap;text-align:left;border-radius:6px}.explore-dd-genre-btn:hover{background:var(--primary);color:#fff}.sidebar-lang-popup{display:none;position:absolute;left:180px;bottom:48px;background:#1A2422;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px 0;min-width:120px;z-index:1200;box-shadow:0 4px 16px rgba(0,0,0,.4)}.sidebar-lang-popup.show{display:block}.sidebar-lang-popup button{display:block;width:100%;padding:8px 16px;color:#9999b3;background:none;border:none;text-align:left;font-size:14px;cursor:pointer;font-family:inherit}.sidebar-lang-popup button:hover{background:rgba(0,106,99,.15);color:#5EEAD4}.sidebar-lang-popup button.active-lang{color:#5EEAD4;font-weight:700}.app-body,.site-header{padding-left:0}.app-body{transition:padding-left .22s ease}body.has-sidebar-panel .app-body{padding-left:0}@media (max-width:767px){.header-gnb,.sidebar{display:none!important}.site-header{padding-left:0}.app-body{padding-left:0!important}}.site-header{background:var(--header-bg);border-bottom:none;box-shadow:0 1px 4px rgba(0,0,0,.05);position:-webkit-sticky;position:sticky;top:0;z-index:100}html.dark-mode .site-header{box-shadow:0 1px 4px rgba(0,0,0,.3)}.header-inner{max-width:1200px;margin:0 auto;padding:0 66px;height:64px;justify-content:space-between;position:relative}.header-inner,.header-left{display:flex;align-items:center;gap:12px}.header-left{flex-shrink:0}.header-right-group{gap:8px}.header-right-group,.logo{display:flex;align-items:center;flex-shrink:0}.logo{gap:9px;white-space:nowrap;text-decoration:none;position:relative;z-index:2}.logo-img-mark{width:30px;height:30px;border-radius:8px;flex-shrink:0;display:block;object-fit:cover}.footer-logo-img-mark{width:26px;height:26px}.logo-mark{width:30px;height:30px;background:linear-gradient(135deg,#006A63,var(--primary-container));border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-mark svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round}.logo-text{font-size:20px;font-weight:800;letter-spacing:-.5px;color:var(--text)}.logo-text em{font-style:normal;color:var(--primary-text)}.header-gnb{display:flex;flex-shrink:0;margin-left:12px}.gnb-item,.header-gnb{align-items:center;gap:4px}.gnb-item{display:inline-flex;padding:6px 12px;font-size:15px;font-weight:500;color:var(--text-sub);text-decoration:none;border-radius:8px;border:none;background:none;cursor:pointer;font-family:inherit;white-space:nowrap;transition:color .15s,background .15s;position:relative}.gnb-item:hover{color:var(--text);background:var(--primary-light)}.gnb-item.active{color:var(--primary);font-weight:600}.gnb-item.open{color:var(--primary);background:var(--primary-light)}.gnb-item:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:0;height:2px;background:var(--primary);border-radius:1px;transition:width .2s}.gnb-item.active:after,.gnb-item:hover:after{width:60%}.gnb-chevron{font-size:9px;transition:transform .2s;margin-left:1px}.gnb-item.open .gnb-chevron{transform:rotate(180deg)}.gnb-dropdown-wrap{position:relative}.gnb-dropdown-wrap:after{content:"";position:absolute;top:100%;left:0;width:100%;height:12px;pointer-events:none}.gnb-dropdown-wrap:hover:after{pointer-events:auto}.gnb-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:520px;background:var(--surface,#fff);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.12);display:flex;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease;z-index:2000;overflow:hidden}html.dark-mode .gnb-dropdown{background:#1E2826;box-shadow:0 8px 32px rgba(0,0,0,.4)}.gnb-dropdown.open{opacity:1;pointer-events:auto;transform:translateY(0)}.gnb-dropdown-write{width:380px}.gnb-dd-tabs{width:96px;min-width:96px;background:var(--surface2,#f5f5f5);display:flex;flex-direction:column;padding:8px 0;flex-shrink:0}html.dark-mode .gnb-dd-tabs{background:#142220}.gnb-dd-tab{height:48px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#888;border:none;background:transparent;cursor:pointer;transition:all .15s;font-family:inherit}.gnb-dd-tab:hover{background:var(--surface3,#ebebeb)}html.dark-mode .gnb-dd-tab:hover{background:#253330}.gnb-dd-tab.active{background:#006A63;color:#fff}.gnb-dd-content{flex:1 1;padding:16px 20px;min-height:180px;display:flex;flex-direction:column}.gnb-dd-genre-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:0;gap:0;width:100%}.gnb-dd-genre-item{display:block;padding:8px 12px;font-size:14px;font-weight:600;color:var(--text);text-decoration:none;border-radius:6px;transition:background .12s}.gnb-dd-genre-item:hover{background:rgba(var(--primary-rgb),.1);color:var(--primary)}html.dark-mode .gnb-dd-genre-item:hover{background:rgba(108,63,214,.2)}.gnb-dd-genres{display:flex;flex-wrap:wrap;gap:8px}.gnb-dd-genre-btn{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500;color:var(--text-sub);background:var(--surface2);text-decoration:none;transition:all .15s;border:1px solid var(--border)}.gnb-dd-genre-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.gnb-dd-list{display:flex;flex-direction:column;gap:8px}.gnb-dd-item{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;padding:6px 8px;border-radius:8px;transition:background .15s}.gnb-dd-item:hover{background:var(--primary-light)}.gnb-dd-thumb{width:36px;min-width:36px;height:52px;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-muted);flex-shrink:0}.gnb-dd-thumb img{width:100%;height:100%;object-fit:cover}.gnb-dd-thumb-square{width:36px;height:36px;min-width:36px;border-radius:8px}.gnb-dd-info{flex:1 1;min-width:0}.gnb-dd-title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gnb-dd-author{font-size:12px;color:var(--text-muted);margin-top:2px}.gnb-dd-more{display:block;text-align:center;padding:8px;font-size:13px;font-weight:600;color:var(--primary);text-decoration:none;border-top:1px solid var(--border);margin-top:8px}.gnb-dd-more:hover{text-decoration:underline}.gnb-dd-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1;gap:8px;color:var(--text-muted);text-align:center}.gnb-dd-empty i{font-size:24px;opacity:.4}.gnb-dd-empty p{font-size:13px;margin:0}.gnb-dd-cta{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:8px;background:var(--primary);color:#fff;font-size:12px;font-weight:600;text-decoration:none;margin-top:4px}.gnb-dd-cta:hover{opacity:.9}.hdr-search-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:15px;cursor:pointer;transition:all .15s;flex-shrink:0}.hdr-search-btn:hover{background:var(--surface2);border-color:var(--primary);color:var(--primary)}.search-overlay-header{position:fixed;top:0;left:0;right:0;height:64px;background:var(--header-bg);z-index:200;display:flex;flex-direction:column;box-shadow:0 2px 12px rgba(0,0,0,.1);animation:searchSlideDown .25s cubic-bezier(.4,0,.2,1)}@keyframes searchSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-overlay-header-inner{display:flex;align-items:center;gap:12px;padding:0 24px;height:64px;max-width:720px;margin:0 auto;width:100%}.search-inner{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border-input);border-radius:50px;padding:0 18px 0 46px;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;position:relative;min-height:44px;width:100%;flex:1 1}.search-inner.focused{background:var(--bg);border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,106,99,.1)}.search-overlay-header input{flex:1 1;background:transparent;border:none;outline:none;padding:11px 0;color:var(--text);font-size:15px;min-width:40px}.search-overlay-header input::placeholder{color:var(--text-muted)}.search-overlay-header input:focus-visible{outline:none}.search-overlay-header .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:14px;pointer-events:none}.search-overlay-close{background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:8px;border-radius:50%;transition:all .15s;flex-shrink:0}.search-overlay-close:hover{background:var(--surface2);color:var(--text)}.search-overlay-header .search-dropdown{position:absolute;top:64px;left:0;right:0;max-width:720px;margin:0 auto;border-radius:0 0 14px 14px;border-top:none;animation:searchDropFade .2s cubic-bezier(.4,0,.2,1)}@keyframes searchDropFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.search-clear-btn{display:none;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;padding:4px 2px;margin-left:4px;flex-shrink:0}.search-clear-btn:hover{color:var(--text)}.header-search{display:none}.header-right{gap:6px;flex-shrink:0;z-index:2}.hdr-btn,.header-right{display:flex;align-items:center;position:relative}.hdr-btn{background:none;border:none;color:var(--text-sub);cursor:pointer;border-radius:50%;width:38px;height:38px;justify-content:center;font-size:16px;transition:background .15s,color .15s}.hdr-btn:hover{background:var(--primary-light);color:var(--text)}.hdr-notif-btn .notif-dot{position:absolute;top:6px;right:7px;width:8px;height:8px;background:#ef4444;border-radius:50%}.hdr-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px}.hdr-login-btn{text-decoration:none;font-size:13px;font-weight:600;gap:6px;width:auto;padding:0 14px;border-radius:20px;white-space:nowrap}.hdr-login-btn span{display:inline}.hdr-signup-btn{background:var(--primary);color:#fff;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap;display:flex;align-items:center;gap:6px;transition:background .18s,transform .12s}.hdr-signup-btn:hover{background:#005A54}.hdr-signup-btn:active{transform:scale(.96)}@media (max-width:767px){.hdr-signup-btn{display:none}}.genre-sub-nav{background:var(--bg);border-bottom:none;position:-webkit-sticky;position:sticky;top:64px;z-index:99;padding-left:180px;box-shadow:0 2px 6px rgba(0,0,0,.05)}html.dark-mode .genre-sub-nav{box-shadow:0 2px 6px rgba(0,0,0,.3)}.genre-sub-nav-inner{display:flex;gap:6px;padding:0 24px;height:48px;align-items:center;overflow-x:auto;scrollbar-width:none;max-width:1200px}.genre-sub-nav-inner::-webkit-scrollbar{display:none}.genre-sub-tab{flex-shrink:0;padding:7px 20px;border-radius:20px;font-size:14px;font-weight:600;border:1px solid var(--border);background:var(--surface);color:var(--text-sub);cursor:pointer;transition:all .18s;white-space:nowrap}.genre-sub-tab:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light);box-shadow:0 2px 8px rgba(0,106,99,.12);transform:translateY(-1px)}.genre-sub-tab.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px rgba(0,106,99,.3)}@media (max-width:767px){.genre-sub-nav{padding-left:0}.genre-sub-nav-inner{padding:0 16px;height:44px}.genre-sub-tab{padding:5px 14px;font-size:13px}}.hdr-profile-wrap{position:relative}.hdr-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:200px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.15);z-index:200;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .15s,transform .15s,visibility .15s,width .2s ease}.hdr-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.hdr-drop-info{display:flex;align-items:center;gap:10px;padding:14px 16px}.hdr-drop-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;flex-shrink:0}.hdr-drop-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hdr-drop-coin,.hdr-drop-name{font-size:14px;font-weight:600;color:var(--text)}.hdr-drop-coin{display:flex;align-items:center;gap:6px;padding:10px 14px;margin:4px 8px;background:linear-gradient(135deg,rgba(0,106,99,.08),rgba(45,212,191,.08));border-radius:10px;text-decoration:none;transition:background .18s}.hdr-drop-coin:hover{background:linear-gradient(135deg,rgba(0,106,99,.15),rgba(45,212,191,.15))}.hdr-drop-coin i{color:#f59e0b}.hdr-drop-coin-charge{margin-left:auto;font-size:12px;font-weight:700;color:var(--primary);background:rgba(0,106,99,.1);padding:2px 8px;border-radius:6px}.hdr-drop-divider{height:1px;background:var(--border);margin:0 12px}.hdr-drop-item{display:flex;align-items:center;gap:10px;width:100%;padding:11px 16px;border:none;background:none;color:var(--text-sub);font-size:13px;cursor:pointer;text-decoration:none;transition:background .12s}.hdr-drop-item:hover{background:var(--primary-light);color:var(--primary)}.hdr-drop-item i{width:16px;text-align:center}.hdr-dropdown.expanded{width:300px}.hdr-drop-arrow{margin-left:auto;font-size:10px;color:var(--text-muted)}.hdr-drop-subheader{display:flex;align-items:center;gap:8px;padding:12px 16px}.hdr-drop-back{background:none;border:none;color:var(--text-sub);font-size:13px;cursor:pointer;padding:4px 6px;border-radius:6px;transition:background .12s}.hdr-drop-back:hover{background:var(--primary-light);color:var(--primary)}.hdr-drop-subtitle{font-size:14px;font-weight:600;color:var(--text)}.hdr-drop-lib-inline{padding:4px 0 0 20px;animation:hdrLibSlide .2s ease}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes hdrLibSlide{0%{opacity:0;max-height:0}to{opacity:1;max-height:300px}}.hdr-drop-library{max-height:300px;overflow-y:auto;padding:4px 0}.hdr-drop-lib-item{display:flex;align-items:center;gap:10px;padding:8px 16px;text-decoration:none;color:var(--text);transition:background .12s}.hdr-drop-lib-item:hover{background:var(--primary-light)}.hdr-drop-lib-thumb{width:36px;height:48px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);font-size:13px;flex-shrink:0;overflow:hidden}.hdr-drop-lib-thumb img{width:100%;height:100%;object-fit:cover}.hdr-drop-lib-text{flex:1 1;min-width:0;display:flex;flex-direction:column}.hdr-drop-lib-title{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hdr-drop-lib-author{font-size:11px;color:var(--text-muted)}.hdr-drop-goto-lib{justify-content:center;font-weight:600;color:var(--primary)!important}.hdr-drop-goto-lib:hover{background:var(--primary-light)}.hdr-drop-empty{text-align:center;padding:28px 16px;color:var(--text-muted);font-size:13px;display:flex;flex-direction:column;align-items:center;gap:8px}.hdr-drop-empty i{font-size:24px}.hdr-drop-settings{padding:4px 0}.hdr-drop-settings .toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0;display:inline-block}.hdr-drop-settings .toggle-switch input{opacity:0;width:0;height:0;position:absolute}.hdr-drop-settings .toggle-slider{position:absolute;inset:0;border-radius:12px;background:var(--surface3,#ccc);cursor:pointer;transition:background .25s}.hdr-drop-settings .toggle-slider:before{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:all .25s}.hdr-drop-settings .toggle-switch input:checked+.toggle-slider{background:#006A63}.hdr-drop-settings .toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.hdr-drop-setting-row{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;gap:12px}.hdr-drop-setting-label{font-size:13px;color:var(--text-sub);display:flex;align-items:center;gap:8px;white-space:nowrap}.hdr-drop-setting-label i{width:16px;text-align:center}.quick-nav{display:flex;justify-content:center;gap:32px;padding:28px 16px 24px;max-width:1100px;margin:0 auto}.quick-nav-item{gap:8px;color:var(--text-sub);transition:color .2s}.quick-nav-item:hover{color:var(--primary)}.quick-nav-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#006A63,var(--primary-container));font-size:22px;color:#fff;box-shadow:0 2px 10px rgba(0,106,99,.2);transition:box-shadow .2s}.quick-nav-item:hover .quick-nav-icon{box-shadow:0 4px 16px rgba(0,106,99,.35)}.hdr-drop-lang{padding:0}.hdr-drop-lang .lang-select-wrap{display:flex;align-items:center;gap:0}.hdr-drop-lang .lang-select-wrap .fa-globe{display:none}.hdr-drop-lang .lang-select{background:#f5f5fa;border:1px solid #e0e0ea;color:#333;font-size:13px;padding:6px 28px 6px 10px;border-radius:8px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;-webkit-appearance:none;-moz-appearance:none;appearance:none}.hdr-lang-inline{display:flex;align-items:center;margin-right:4px}.hdr-lang-inline .lang-select-wrap{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:13px}.hdr-lang-inline .lang-select{background-color:var(--surface2);border:1px solid var(--border);color:var(--text-sub);font-size:13px;padding:5px 28px 5px 10px;border-radius:6px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23888'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;-webkit-appearance:none;-moz-appearance:none;appearance:none}.hdr-lang-inline .lang-select option{background:var(--surface);color:var(--text)}.search-chip{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:3px 8px 3px 10px;font-size:12px;font-weight:600;color:#fff;white-space:nowrap;flex-shrink:0;margin-right:6px}.search-chip button{background:none;border:none;color:rgba(255,255,255,.75);cursor:pointer;padding:0;font-size:10px;line-height:1;display:flex;align-items:center}.search-chip button:hover{color:#fff}.search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:6px 0;z-index:300;box-shadow:var(--shadow-md)}.sdrop-section{padding:8px 14px}.sdrop-title{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.sdrop-divider{height:1px;background:var(--surface3);margin:2px 0}.sdrop-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;cursor:pointer;font-size:13px;color:var(--text);transition:background .12s;text-decoration:none}.sdrop-row:hover{background:var(--surface2)}.sdrop-row-icon{font-size:11px}.sdrop-row-icon,.sdrop-row-rank{color:var(--text-muted);width:14px;text-align:center}.sdrop-row-rank{font-size:12px;font-weight:700}.sdrop-row-rank.r1{color:#f59e0b}.sdrop-row-rank.r2{color:#94a3b8}.sdrop-row-rank.r3{color:#b45309}.sdrop-genres{display:flex;flex-wrap:wrap;gap:6px}.sdrop-genre-btn{padding:4px 12px;border-radius:20px;border:1.5px solid;font-size:12px;font-weight:600;cursor:pointer;background:transparent;transition:background .15s,color .15s,border-color .15s,opacity .15s}.sdrop-genre-btn.active,.sdrop-genre-btn:hover{color:#fff!important}.sd-item{display:flex;align-items:center;gap:10px;padding:8px 14px;cursor:pointer;transition:background .12s}.sd-item:hover{background:var(--surface2)}.sd-thumb{width:36px;height:48px;border-radius:4px;object-fit:cover;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px}.sd-no-img{font-size:14px}.sd-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.sd-title{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sd-meta{font-size:11px;color:var(--text-muted)}.sd-empty{padding:20px 14px;color:var(--text-muted)}.sd-empty,.sd-footer{text-align:center;font-size:13px}.sd-footer{padding:10px 14px;color:var(--primary-text);cursor:pointer;border-top:1px solid var(--border);font-weight:600}.sd-footer:hover{background:var(--surface2)}.sd-section{padding:4px 0}.sd-section-title{padding:8px 14px 4px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center}.sd-rank,.sd-section-title{font-weight:700;color:var(--text-muted)}.sd-rank{width:20px;text-align:center;font-size:13px;flex-shrink:0}.sd-rank.top{color:var(--primary-text)}.sd-recent{font-size:13px}.sd-recent-del{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px 6px;font-size:11px;opacity:.6;transition:opacity .15s}.sd-recent-del:hover{opacity:1;color:var(--text)}.header-nav{gap:8px;flex-shrink:0}.header-icon-btn,.header-nav{display:flex;align-items:center}.header-icon-btn{width:38px;height:38px;border-radius:50%;background:transparent;border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.75);font-size:16px;justify-content:center;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;position:relative}.header-icon-btn:hover{background:rgba(255,255,255,.1);color:#fff}.notif-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:#ef4444;border-radius:50%;display:none}.header-login-btn{background:transparent;border:1px solid rgba(255,255,255,.25);color:rgba(255,255,255,.85);padding:7px 16px;border-radius:50px;font-size:13px;font-weight:500;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}.header-login-btn:hover{background:rgba(255,255,255,.1);color:#fff}.header-user-menu{position:relative}.header-user-btn{display:flex;align-items:center;gap:7px;background:transparent;border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.9);padding:6px 12px 6px 6px;border-radius:50px;cursor:pointer;font-size:13px;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}.header-user-btn:hover{background:rgba(255,255,255,.08)}.header-avatar{width:26px;height:26px;background:linear-gradient(135deg,#006A63,var(--primary-container));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.header-username{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#1A2422;border:1px solid #253330;border-radius:14px;padding:6px;min-width:180px;box-shadow:0 4px 16px rgba(0,0,0,.3);z-index:999}.user-dropdown-nick{font-size:13px;font-weight:700;padding:8px 12px 2px;color:#e0e0f0}.user-dropdown-email{font-size:11px;color:#6b6b88;padding:0 12px 8px;border-bottom:1px solid #253330;margin-bottom:4px}.user-dropdown-divider{height:1px;background:#253330;margin:4px 0}.user-dropdown-item{width:100%;display:flex;align-items:center;gap:9px;padding:9px 12px;background:none;border:none;color:#c0c0d8;font-size:13px;cursor:pointer;border-radius:8px;text-align:left;transition:background .15s,color .15s}.user-dropdown-item:hover{background:rgba(0,106,99,.12);color:#e0e0f0}.user-dropdown-item i{width:16px;text-align:center;color:#006A63}.header-upload-btn{background:var(--primary);color:#fff;padding:7px 16px;border-radius:50px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}.header-upload-btn:hover{background:var(--primary-hover)}.hero{display:none}.hero-carousel{position:relative;width:100%;max-width:1600px;height:440px;overflow:hidden;margin:16px auto;border-radius:16px}.hero-carousel-track{position:relative;width:100%;height:100%}.hero-card{position:absolute;top:0;width:calc(100% - 480px);height:100%;left:240px;border-radius:16px;overflow:hidden;transition:transform .5s ease,opacity .5s ease,-webkit-clip-path .5s ease;transition:transform .5s ease,opacity .5s ease,clip-path .5s ease;transition:transform .5s ease,opacity .5s ease,clip-path .5s ease,-webkit-clip-path .5s ease;cursor:pointer;z-index:1}.hero-card,.hero-card.active{-webkit-clip-path:inset(0 round 16px);clip-path:inset(0 round 16px)}.hero-card.active{transform:translateX(0);opacity:1;z-index:5;cursor:default}.hero-card.prev-1{transform:translateX(calc(-100% + 100px));-webkit-clip-path:inset(8px 110px 8px calc(100% - 220px) round 16px);clip-path:inset(8px 110px 8px calc(100% - 220px) round 16px);opacity:1;z-index:4}.hero-card.next-1{transform:translateX(calc(100% - 100px));-webkit-clip-path:inset(8px calc(100% - 220px) 8px 110px round 16px);clip-path:inset(8px calc(100% - 220px) 8px 110px round 16px);opacity:1;z-index:4}.hero-card.prev-2{transform:translateX(calc(-100% - 128px));-webkit-clip-path:inset(24px 2px 24px calc(100% - 102px) round 12px);clip-path:inset(24px 2px 24px calc(100% - 102px) round 12px);opacity:.7;z-index:3}.hero-card.next-2{transform:translateX(calc(100% + 128px));-webkit-clip-path:inset(24px calc(100% - 102px) 24px 2px round 12px);clip-path:inset(24px calc(100% - 102px) 24px 2px round 12px);opacity:.7;z-index:3}.hero-card.hidden{transform:translateX(0);opacity:0;z-index:0;pointer-events:none;-webkit-clip-path:inset(50% round 16px);clip-path:inset(50% round 16px)}.hero-card-dim{position:absolute;inset:0;background:rgba(0,0,0,.25);z-index:5;border-radius:inherit}@media (max-width:768px){.hero-carousel{height:360px}.hero-card{width:calc(100% - 48px);left:24px}.hero-card,.hero-card.prev-1{-webkit-clip-path:none;clip-path:none}.hero-card.prev-1{transform:translateX(calc(-100% + 20px)) scale(.94)}.hero-card.next-1{transform:translateX(calc(100% - 20px)) scale(.94);-webkit-clip-path:none;clip-path:none}.hero-card.next-2,.hero-card.prev-2{opacity:0;pointer-events:none}}.hero-label{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px}.hero-rank-badge{background:var(--accent);color:#fff;font-size:11px;font-weight:800;padding:3px 10px;border-radius:4px;letter-spacing:.5px}.hero-genre-badge{color:rgba(255,255,255,.6);font-size:13px}.hero-title{font-size:28px;font-weight:800;color:#fff;line-height:1.2;margin-bottom:8px}.hero-desc{font-size:13px;color:rgba(255,255,255,.65);line-height:1.6;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-stats{display:flex;gap:16px;margin-bottom:12px;font-size:12px;color:rgba(255,255,255,.5)}.hero-actions{display:flex;gap:10px}.btn-hero-primary{position:relative;overflow:hidden;background:#006A63;color:#fff;padding:12px 28px;border-radius:10px;font-size:15px;font-weight:700;display:inline-flex;align-items:center;gap:8px;transition:background .2s,box-shadow .2s,transform .15s;box-shadow:0 4px 16px rgba(0,106,99,.4);text-decoration:none}.btn-hero-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.2) 50%,transparent 60%);background-size:250% 100%;opacity:0;transition:opacity .2s;pointer-events:none}.btn-hero-primary:hover{background:#005A54;box-shadow:0 6px 24px rgba(0,106,99,.55);transform:translateY(-1px)}.btn-hero-primary:hover:after{opacity:1;animation:btnGradientSweep .8s ease-out}.btn-hero-secondary{background:transparent;border:1.5px solid rgba(255,255,255,.4);color:#fff;padding:11px 24px;border-radius:10px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:background .2s,border-color .2s;cursor:pointer;text-decoration:none}.btn-hero-secondary:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.6)}.hero-thumb-area{position:absolute;right:24px;top:50%;transform:translateY(-50%);display:flex;align-items:center;z-index:1}.hero-cover-bubble{width:200px;height:272px;border-radius:14px;box-shadow:0 8px 32px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;font-size:80px;overflow:hidden}.hero-cover-bubble img{width:100%;height:100%;object-fit:cover}.main-wrap{width:100%;max-width:1200px;margin:0 auto;padding:16px 40px 40px}.main-wrap.search-results-section{max-width:1280px}@media (max-width:768px){.main-wrap{padding:16px 24px 40px}}@media (max-width:600px){.main-wrap{padding:16px 16px 40px}}.section-header{display:flex;align-items:baseline;gap:10px;margin-bottom:18px;width:100%}.section-title{font-size:19px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px;flex:0 0 auto;letter-spacing:-.2px}.section-desc{flex:0 0 auto;white-space:nowrap}.section-desc,.section-see-all{font-size:13px;color:var(--text-muted)}.section-see-all{font-weight:600;display:flex;align-items:center;gap:5px;transition:color .2s;margin-left:auto;flex-shrink:0}.section-see-all:hover{color:var(--primary)}.section-header-unified{display:flex;align-items:center;gap:12px;margin-bottom:0;flex-wrap:wrap;padding:0 0 14px;border-left:none;border-bottom:2px solid var(--border)}.section-header-unified h2{font-size:24px;font-weight:800;color:var(--text);display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin:0;flex-shrink:0}.section-header-unified h2>i{display:none}.section-subtitle{font-size:13px;font-weight:400;color:var(--text-muted);display:block}.section-header-unified+.carousel-wrap,.section-header-unified+.top10-split,.section-header-unified+div{margin-top:20px}.section-view-all{margin-left:auto;font-size:13px;font-weight:600;color:var(--text-muted);text-decoration:none;display:flex;align-items:center;gap:4px;transition:color .18s;flex-shrink:0}.section-view-all:hover{color:var(--primary)}.section-view-all i{font-size:10px}.section-tab-toggle{display:flex;gap:4px;background:var(--surface2);border-radius:8px;padding:3px}.section-tab-btn{padding:5px 14px;border-radius:6px;border:none;font-size:13px;font-weight:600;cursor:pointer;background:transparent;color:var(--text-muted);transition:all .18s;font-family:inherit}.section-tab-btn.active{background:var(--primary);color:#fff}.section-tab-btn:hover:not(.active){color:var(--text)}.section-block{margin-bottom:40px;padding:0;border-radius:0;border:none;box-shadow:none}.section-block,.section-block:nth-child(2n){background:transparent}.horizontal-banner-section{margin-bottom:40px}.hbanner-track,.horizontal-banner-section{width:100%;border-radius:12px;overflow:hidden;position:relative}.hbanner-track{height:120px;background:var(--surface2)}.hbanner-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease;display:block}.hbanner-slide.active{opacity:1}.hbanner-placeholder,.hbanner-slide img,.hbanner-slide>div{width:100%;height:100%}.hbanner-placeholder{display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:14px;border:2px dashed var(--border);border-radius:12px}.hbanner-dots{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:10}.hbanner-dot{width:6px;height:6px;border-radius:50%;border:none;background:rgba(255,255,255,.5);cursor:pointer;padding:0;transition:all .2s}.hbanner-dot.active{width:18px;border-radius:3px;background:rgba(255,255,255,.9)}.ad-banner-carousel{margin-bottom:40px;position:relative}.ad-banner-slide{display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:80px;border-radius:12px;color:#fff;transition:background .5s ease}.ad-banner-text{display:flex;flex-direction:column;gap:2px}.ad-banner-title{font-size:18px;font-weight:800}.ad-banner-desc{font-size:13px;opacity:.85}.ad-banner-cta{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;background:rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .15s;flex-shrink:0}.ad-banner-cta:hover{background:rgba(255,255,255,.35)}.ad-banner-dots{display:flex;justify-content:center;gap:6px;margin-top:8px}.ad-dot{width:8px;height:8px;border-radius:50%;border:none;background:var(--border);cursor:pointer;padding:0;transition:all .2s}.ad-dot.active{background:var(--primary);width:20px;border-radius:4px}@media (max-width:600px){.ad-banner-slide{height:68px;padding:0 20px}.ad-banner-title{font-size:15px}.ad-banner-desc{font-size:12px}.ad-banner-cta{padding:6px 14px;font-size:12px}}.popular-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}@media (max-width:1024px){.popular-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media (max-width:767px){.popular-grid{grid-template-columns:repeat(2,1fr);gap:14px}}.popular-hlist{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.popular-hcard{display:flex;align-items:stretch;gap:14px;height:100px;text-decoration:none;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:background .15s,border-color .15s}.popular-hcard:hover{background:var(--primary-light);border-color:rgba(0,106,99,.2)}.popular-hcard-thumb{width:68px;min-width:68px;height:100%;display:flex;align-items:center;justify-content:center;font-size:22px;position:relative;flex-shrink:0;overflow:hidden}.popular-hcard-thumb img{width:100%;height:100%;object-fit:cover}.popular-hcard-badge{position:absolute;top:6px;left:6px;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:800;color:#fff}.popular-hcard-badge.hot{background:#ef4444}.popular-hcard-badge.surge{background:var(--success)}.popular-hcard-info{flex:1 1;min-width:0;padding:10px 14px 10px 0;display:flex;flex-direction:column;justify-content:center;gap:4px}.popular-hcard-title{font-size:14px;font-weight:700;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popular-hcard-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary,var(--text-muted))}.popular-hcard-genre{padding:1px 6px;border-radius:4px;font-size:10px;font-weight:700;color:#fff;flex-shrink:0}.popular-hcard-stats{display:flex;gap:10px;font-size:12px;color:var(--text-muted)}.popular-hcard-stats i{font-size:10px;margin-right:2px}@media (max-width:767px){.popular-hlist{grid-template-columns:1fr}.popular-hcard{height:88px}}.section-empty{text-align:center;padding:48px 24px;color:var(--text-muted);font-size:14px}.section-empty i{font-size:28px;margin-bottom:12px;display:block;opacity:.4}.section-empty p{margin:0 0 12px}.section-empty strong,.section-empty-cta{color:var(--primary)}.section-empty-cta{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none}.section-empty-cta:hover{text-decoration:underline}.top10-list-section{margin-bottom:56px}.top10-split{display:flex;gap:20px;align-items:stretch;min-height:0}.top10-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center;width:100%}.top10-featured{flex:0 0 260px;width:260px;display:flex;flex-direction:column;text-decoration:none;color:inherit;background:transparent;border-radius:0;overflow:hidden;border:none;position:relative;transition:transform .2s,box-shadow .2s}.top10-featured:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.top10-featured-rank{position:absolute;top:10px;left:10px;z-index:2;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;color:#fff;background:#f59e0b;box-shadow:0 2px 8px rgba(245,158,11,.4)}.top10-featured-thumb{position:relative;width:100%;padding-top:140%;overflow:hidden;border-radius:8px}.top10-featured-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.top10-featured-thumb span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:48px}.top10-featured-info{padding:14px;flex:1 1;display:flex;flex-direction:column;gap:4px}.top10-featured-title{font-size:15px;font-weight:800;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.top10-featured-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary,var(--text-muted))}.top10-featured-stats{display:flex;gap:12px;font-size:12px;color:var(--text-muted);margin-top:auto}.top10-featured-stats i{font-size:11px;margin-right:3px}.top10-featured-stats .fa-eye{color:var(--info)}.top10-featured-stats .fa-heart{color:#f87171}.top10-rest-grid{flex:1 1;min-width:0;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:0;gap:0;border:none;border-radius:0;overflow:hidden;align-content:start;background:transparent}.top10-list-item{display:flex;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;color:inherit;border-bottom:none;transition:background .15s;min-height:0;background:transparent}.top10-rest-grid .top10-list-item:nth-child(odd){border-right:none}.top10-list-item:hover{background:var(--surface2)}.top10-list-rank{width:24px;min-width:24px;text-align:center;font-size:15px;font-weight:800;color:var(--text-muted)}.top10-list-rank.r2{color:#9ca3af}.top10-list-rank.r3{color:#b45309}.top10-list-thumb{width:40px;height:60px;border-radius:5px;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:16px}.top10-list-thumb img{width:100%;height:100%;object-fit:cover}.top10-list-info{flex:1 1;min-width:0}.top10-list-title{font-size:13px;font-weight:700;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top10-list-meta{display:flex;align-items:center;gap:6px;margin-top:2px;font-size:11px;color:var(--text-secondary,var(--text-muted))}.top10-list-genre{padding:1px 6px;border-radius:4px;font-size:10px;font-weight:700;color:#fff}@media (max-width:767px){.top10-split{flex-direction:column;gap:12px}.top10-featured{flex:none;width:100%;flex-direction:row;border-radius:10px}.top10-featured-thumb{width:120px;padding-top:0;height:168px;flex-shrink:0}.top10-featured-thumb img{position:static;width:100%;height:100%}.top10-featured-info{padding:12px}.top10-featured-title{font-size:14px;-webkit-line-clamp:2}.top10-rest-grid{grid-template-columns:1fr}.top10-rest-grid .top10-list-item:nth-child(odd){border-right:none}.section-header-unified{gap:8px}}.recommend-section{margin-top:28px;margin-bottom:40px}.recommend-scroll{display:flex;gap:14px;overflow-x:auto;padding:4px 0 16px;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:none;transition:padding-right .22s cubic-bezier(.25,.46,.45,.94)}.recommend-scroll::-webkit-scrollbar{display:none}.recommend-card{position:relative;flex:0 0 175px;min-width:130px;max-width:175px;scroll-snap-align:start;background:transparent;border:none;border-radius:8px;overflow:visible;text-decoration:none;color:inherit;transition:transform .22s ease;display:flex;flex-direction:column}.recommend-card:hover{transform:translateY(-3px)}.recommend-card-thumb{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;border-radius:8px}.recommend-card-thumb-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.recommend-card-thumb-inner img{width:100%;height:100%;object-fit:cover}.recommend-card-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;text-align:center}.recommend-card-placeholder i{font-size:28px;color:rgba(255,255,255,.25)}.recommend-card-placeholder span{font-size:11px;font-weight:600;color:rgba(255,255,255,.5);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recommend-card-thumb:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.5))}.recommend-card-body{padding:8px 10px;flex:0 0 auto;display:flex;flex-direction:column;gap:3px}.recommend-card-title{font-size:14px;font-weight:700;color:var(--text);line-height:1.35;display:block}.recommend-card-author,.recommend-card-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recommend-card-author{font-size:12px;color:var(--text-muted);margin-top:2px}.recommend-card-genre-inline,.recommend-card-stats{display:none}.recommend-card-stats i{font-size:10px;margin-right:3px}.recommend-card-stats .fa-eye{color:var(--info)}.recommend-card-stats .fa-heart{color:#f87171}.rec-algo-help{position:relative;cursor:pointer;color:var(--text-muted);font-size:13px;display:inline-flex;align-items:center;margin-left:4px;flex-shrink:0}.rec-algo-help:hover{color:var(--text-sub)}.rec-algo-tooltip{display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#222;color:#eee;border:none;border-radius:10px;padding:14px 16px;font-size:12px;line-height:1.7;width:280px;box-shadow:0 4px 20px rgba(0,0,0,.3);z-index:100;white-space:normal}.rec-algo-help:hover .rec-algo-tooltip,.rec-algo-tooltip.active{display:block}@media (max-width:768px){.recommend-card{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 36px) / 3.3);min-width:130px}}@media (max-width:600px){.recommend-card{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 24px) / 2.3);min-width:130px}}.top10-section{margin-bottom:40px}.top10-scroll{display:flex;gap:16px;overflow-x:auto;padding:4px 0 16px;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:none}.top10-scroll::-webkit-scrollbar{display:none}.top10-item{position:relative;flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 80px) / 6);min-width:140px;max-width:none;scroll-snap-align:start;text-decoration:none;color:inherit;transition:transform .2s;display:flex;flex-direction:column}.top10-item:hover{box-shadow:var(--shadow-md)}.top10-num{display:none}.top10-card{flex:1 1;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);display:flex;flex-direction:column}.top10-card,.top10-card-thumb{overflow:hidden;position:relative}.top10-card-thumb{width:100%;padding-top:140%}.top10-card-thumb-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.top10-card-thumb-inner img{width:100%;height:100%;object-fit:cover}.top10-rank-badge{position:absolute;bottom:0;left:0;z-index:3;font-size:48px;font-weight:900;line-height:1;font-style:italic;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6);padding:0 10px 2px}.top10-rank-badge.r1{color:#f59e0b}.top10-rank-badge.r2{color:#c0c0c0}.top10-rank-badge.r3{color:#cd7f32}.top10-card-body{padding:12px;flex:1 1;display:flex;flex-direction:column;gap:4px}.top10-card-title{font-size:14px;font-weight:600;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}.top10-card-author{font-size:12px;color:var(--text-muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.top10-item{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 48px) / 4);min-width:120px;max-width:none}.top10-rank-badge{font-size:40px}}@media (max-width:600px){.top10-item{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 24px) / 3);min-width:110px;max-width:none}.top10-rank-badge{font-size:36px}}.card-badges-row{position:absolute;top:8px;right:8px;z-index:3;display:flex;gap:4px;flex-direction:row-reverse}.card-badges-row .adult-badge,.card-badges-row .hot-badge,.card-badges-row .new-badge,.card-badges-row .progress-badge{position:static}.adult-badge{background:#DC2626;color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px}.hot-badge{background:linear-gradient(135deg,#ff6b35,#ef4444)}.hot-badge,.new-badge{color:#fff;font-size:10px;font-weight:800;padding:3px 8px;border-radius:4px;letter-spacing:.5px}.new-badge{background:linear-gradient(135deg,#10b981,#059669)}.progress-badge{background:rgba(0,106,99,.9);color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px;display:flex;align-items:center;gap:4px}.hot-badge:not(.card-badges-row *),.new-badge:not(.card-badges-row *){position:absolute;top:8px;right:8px;z-index:2}.progress-badge:not(.card-badges-row *){position:absolute;bottom:6px;right:6px;z-index:2}.row-section{margin-bottom:40px}.banner-slot-section{margin-bottom:40px;overflow:hidden}.banner-slot-scroll{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 0}.banner-slot-scroll::-webkit-scrollbar{display:none}.banner-slot-item{flex:0 0 auto;scroll-snap-align:start;border-radius:12px;overflow:hidden;max-height:120px;transition:transform .2s}.banner-slot-item:hover{transform:scale(1.02)}.banner-slot-item img{height:120px;width:auto;object-fit:cover;display:block}@media (max-width:768px){.banner-slot-item img{height:80px}.banner-slot-item{max-height:80px}}.row-scroll-wrap{position:relative}.row-scroll{display:flex;gap:16px;overflow-x:auto;padding:4px 0 16px;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:none}.row-scroll::-webkit-scrollbar{display:none}.row-scroll .novel-card{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 80px) / 6);min-width:140px;max-width:none;scroll-snap-align:start}@media (max-width:768px){.row-scroll .novel-card{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 48px) / 4);min-width:120px;max-width:none}}@media (max-width:600px){.row-scroll .novel-card{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 24px) / 3);min-width:110px;max-width:none}}.carousel-wrap{position:relative;padding:0;overflow:visible}.carousel-arrow{position:absolute;top:38%;transform:translateY(-50%);z-index:10;width:40px;height:40px;border:none;background:var(--surface);color:var(--text-sub);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s,background .2s,color .2s;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.15);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.carousel-wrap:hover .carousel-arrow{opacity:1}.carousel-arrow:hover{background:var(--primary);color:#fff}.carousel-arrow:active{transform:translateY(-50%) scale(.95)}.carousel-arrow.left{left:-52px}.carousel-arrow.right{right:-52px}.carousel-arrow.hidden{display:none}@media (max-width:768px){.carousel-arrow.left{left:-36px}.carousel-arrow.right{right:-36px}}@media (max-width:600px){.carousel-arrow{display:none}}.novel-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .3s var(--ease-out-expo),box-shadow .3s ease,border-color .2s;display:flex;flex-direction:column}.novel-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,106,99,.1),0 4px 12px rgba(25,28,29,.06);border-color:rgba(0,106,99,.2);z-index:2}.novel-thumbnail{position:relative;padding-top:140%;overflow:hidden;flex-shrink:0}.novel-thumbnail-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:48px}.novel-thumbnail img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.novel-card:hover .novel-thumbnail img{transform:scale(1.06)}.novel-card-body{padding:12px;flex:1 1;display:flex;flex-direction:column;gap:6px}.novel-card-title{font-size:14px;font-weight:600;line-height:1.4;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.novel-card-author{font-size:12px;color:var(--text-muted)}.novel-card-sched{display:flex;align-items:center;gap:3px;flex-wrap:wrap}.sched-day{font-size:10px;padding:1px 5px;border-radius:4px;background:var(--surface2);color:var(--text-muted);font-weight:500}.sched-day.sched-today{background:var(--primary-light);color:var(--primary-text);font-weight:700}.sched-badge{font-size:10px;padding:1px 6px;border-radius:4px;font-weight:600}.sched-daily{background:rgba(16,185,129,.12);color:#059669}.sched-irreg{background:var(--surface2);color:var(--text-muted)}.nm-schedule{gap:10px;margin-top:12px;padding:10px 14px;background:var(--surface2);border-radius:10px}.nm-sched-label,.nm-schedule{display:flex;align-items:center}.nm-sched-label{font-size:12px;color:var(--text-muted);white-space:nowrap;gap:5px}.nm-sched-label i{color:var(--primary)}.nm-sched-days{display:flex;gap:4px;flex-wrap:wrap}.nm-sched-days .sched-day{font-size:12px;padding:2px 8px}.nm-sched-days .sched-badge{font-size:12px;padding:2px 10px}.novel-card-stats{display:flex;gap:8px;font-size:11px;color:var(--text-muted);margin-top:auto}.novel-card-stats span{display:flex;align-items:center;gap:3px}.badge{display:inline-block;padding:3px 10px;border-radius:50px;font-size:12px;font-weight:500}.genre-badge{font-size:11px;padding:2px 8px;border-radius:4px;font-weight:700}.tag{background:var(--surface2);color:var(--text-sub);border:1px solid var(--border);padding:3px 10px;border-radius:50px;font-size:12px}.ranking-section{margin-bottom:40px}.ranking-cols{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.ranking-col{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.ranking-col-title{font-size:14px;font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:6px}.ranking-item{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:8px;cursor:pointer;transition:background .15s;text-decoration:none;color:inherit}.ranking-item:hover{background:var(--surface2)}.rank-num{font-size:16px;font-weight:900;width:22px;text-align:center;flex-shrink:0}.rank-num.top1{color:#f59e0b}.rank-num.top2{color:#94a3b8}.rank-num.top3{color:#cd7f32}.rank-num.other{color:var(--text-muted);font-size:13px}.ranking-thumb{width:38px;height:50px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;overflow:hidden}.ranking-thumb img{width:100%;height:100%;object-fit:cover}.ranking-info{flex:1 1;min-width:0}.ranking-title{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.ranking-sub{font-size:11px;color:var(--text-muted);margin-top:2px}.genre-filter-bar{display:flex;align-items:center;gap:8px;margin-bottom:20px;padding:16px 0 4px;overflow-x:auto}.genre-filter-bar::-webkit-scrollbar{height:0}.genre-tab{background:var(--surface);padding:7px 18px;border-radius:50px;font-size:13px;font-weight:600;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.genre-tab:hover{color:var(--primary-text)}.sort-bar{display:flex;align-items:center;gap:6px;margin-bottom:14px}.sort-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);padding:6px 14px;border-radius:50px;font-size:13px;font-weight:500;flex-shrink:0;white-space:nowrap;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sort-btn.active,.sort-btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary-text)}.toast-center-wrap{position:fixed;inset:0;z-index:99999;justify-content:center;flex-direction:column;gap:10px;pointer-events:none}.toast-card,.toast-center-wrap{display:flex;align-items:center}.toast-card{background:var(--surface);color:var(--text);border:1px solid var(--border);padding:20px 32px;border-radius:16px;font-size:17px;font-weight:500;box-shadow:0 12px 48px rgba(0,0,0,.25);animation:toastSlideIn .35s var(--ease-spring);gap:12px;pointer-events:auto;cursor:pointer;max-width:420px;text-align:center;line-height:1.45;word-break:keep-all}.toast-card i{font-size:22px;flex-shrink:0}.toast-card.success i{color:var(--success)}.toast-card.error i{color:var(--danger)}.toast-card.info i{color:var(--info)}.toast-card.warning i{color:var(--warning)}.toast-card.removing{animation:toastCardOut .2s ease forwards}@keyframes toastCardOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(6px) scale(.96)}}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px;animation:backdropBlurIn .3s ease}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-md)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-title{font-size:18px;font-weight:700}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--text-sub);margin-bottom:6px}.form-label .required{color:var(--accent);margin-left:2px}.form-input,.form-select,.form-textarea{width:100%;background:var(--surface2);border:1px solid var(--border-input);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text);font-size:14px;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-select{cursor:pointer}.form-textarea{resize:vertical;min-height:100px;line-height:1.6}.form-hint{font-size:12px;color:var(--text-muted);margin-top:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.tag-presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag-preset-btn{padding:4px 12px;border-radius:20px;border:1px solid var(--border);background:var(--bg);color:var(--text-muted);font-size:13px;cursor:pointer;transition:all .15s ease}.tag-preset-btn:hover{border-color:var(--primary);color:var(--primary)}.tag-preset-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border-radius:50px;font-size:14px;font-weight:600;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;white-space:nowrap}.btn-primary{background:var(--primary);color:#fff;position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.2) 50%,transparent 60%);background-size:250% 100%;opacity:0;transition:opacity .2s;pointer-events:none}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:hover:after{opacity:1;animation:btnGradientSweep .8s ease-out}.btn-verify-confirm,.btn-verify-send{padding:8px 16px;border-radius:8px;border:none;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s}.btn-verify-send{background:var(--primary);color:#fff}.btn-verify-send:hover:not(:disabled){background:var(--primary-hover)}.btn-verify-send:disabled{opacity:.6;cursor:not-allowed}.btn-verify-send.verified{opacity:1!important}.btn-verify-confirm,.btn-verify-send.verified{background:var(--success);color:#fff}.btn-verify-confirm:hover:not(:disabled){background:#16a34a}.btn-verify-confirm:disabled{opacity:.6;cursor:not-allowed}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-sub)}.btn-outline:hover{border-color:var(--primary);color:var(--primary-text)}.btn-ghost{background:transparent;color:var(--text-sub)}.btn-ghost:hover{background:var(--surface2);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-sm{padding:6px 14px;font-size:13px}.btn-icon{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text-sub);font-size:16px;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}.btn-icon:hover{background:var(--surface2);color:var(--text)}.novel-header{display:flex;gap:24px;margin-bottom:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.novel-cover{width:160px;height:220px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:64px;overflow:hidden;box-shadow:var(--shadow)}.novel-cover img{width:100%;height:100%;object-fit:cover}.novel-info{flex:1 1;min-width:0}.novel-title{font-size:26px;font-weight:900;margin-bottom:8px;line-height:1.3}.novel-author{color:var(--text-muted);margin-bottom:12px;font-size:14px}.novel-meta{display:flex;gap:16px;font-size:13px}.novel-meta,.novel-synopsis{margin-bottom:16px;color:var(--text-sub)}.novel-synopsis{font-size:14px;line-height:1.8;white-space:pre-wrap}.novel-tags{gap:6px;margin-bottom:16px}.novel-actions,.novel-tags{display:flex;flex-wrap:wrap}.novel-actions{gap:10px}.like-btn{display:inline-flex;align-items:center;gap:8px;background:var(--surface2);border:1px solid var(--border);color:var(--text-sub);padding:9px 20px;border-radius:50px;font-size:14px;font-weight:600;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}.like-btn.liked,.like-btn:hover{border-color:#e11d48;color:#e11d48}.like-btn.liked{background:rgba(225,29,72,.08)}.chapter-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.chapter-list-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--surface2)}.chapter-list-header h3{font-size:15px;font-weight:700}.chapter-item{display:flex;align-items:center;padding:14px 20px;border-bottom:1px solid var(--border);transition:background .15s;cursor:pointer;text-decoration:none;color:inherit}.chapter-item:last-child{border-bottom:none}.chapter-item:hover{background:var(--surface2)}.chapter-num{font-size:12px;color:var(--text-muted);width:40px;flex-shrink:0}.chapter-title{flex:1 1;font-size:14px;font-weight:500}.chapter-meta{display:flex;gap:12px;font-size:12px;color:var(--text-muted)}body.reader-page{background:#0e0e12;color:#f0f0f5}body.reader-page .site-footer,body.reader-page .site-header{display:none}body.reader-page .app-body{padding-left:0;padding-top:0}body.reader-page .content-wrap{max-width:none;padding:0}.reader-layout{display:flex;justify-content:center;margin-left:0;margin-right:0;max-width:100%;transition:all .35s cubic-bezier(.22,1,.36,1)}@media (max-width:768px){.reader-layout{margin-left:0!important;max-width:100%!important}.reader-header{height:48px!important;padding:0 12px!important;gap:8px!important}.reader-header .logo{display:none!important}.reader-nav{gap:4px!important}.reader-nav .btn{padding:6px 8px!important;font-size:14px!important;min-width:36px!important;min-height:36px!important}.reader-chapter-select{font-size:12px!important;padding:5px 8px!important;max-width:140px!important;overflow:hidden!important;text-overflow:ellipsis!important}#readerWrap{max-width:100%!important;border-radius:0!important;box-shadow:none!important}.reader-content-wrap{padding:24px 16px 48px!important;max-width:100%!important}.reader-chap-title{font-size:18px!important}.reader-text{font-size:16px!important}.reader-para,.reader-text{line-height:2!important}.comment-section{padding:0 16px 48px!important}.page-view-mode{overflow:visible!important;height:auto!important}.page-view-inner{height:auto!important;column-width:unset!important;column-fill:unset!important;column-gap:unset!important;transform:none!important}}#readerWrap{flex:1 1;min-width:0;max-width:920px;border-radius:0 0 16px 16px;box-shadow:0 0 60px var(--reader-card-shadow,rgba(0,0,0,.08));position:relative;transition:max-width .35s cubic-bezier(.22,1,.36,1)}.reader-layout.pv-active #readerWrap{max-width:1600px}.reader-layout.pv-active .reader-side-col{width:0!important;overflow:hidden!important;pointer-events:none}.reader-side-col{width:0;flex-shrink:0;overflow:hidden;transition:width .35s cubic-bezier(.22,1,.36,1)}.reader-side-col.open{width:380px;overflow:visible}body.ai-open #readerWrap,body.psp-open #readerWrap{border-radius:0 0 0 16px;box-shadow:none}body.ai-open .reader-side-col.open .ai-side-panel,body.psp-open .reader-side-col.open .para-side-panel{border-radius:0 0 16px 0}.reader-header{background:var(--header-bg);border-bottom:1px solid var(--header-border);height:64px;padding:0 24px;display:flex;align-items:center;gap:16px;position:-webkit-sticky;position:sticky;top:0;z-index:100;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .35s}.reader-header.header-hidden{transform:translateY(-100%);opacity:0;pointer-events:none;position:fixed;left:0;right:0}.reader-header.header-hidden.header-peek{transform:translateY(0);opacity:1;pointer-events:auto;position:fixed;left:0;right:0}.reader-nav{display:flex;align-items:center;gap:8px;margin-left:auto}.reader-chapter-select{background:var(--surface2);border:1px solid var(--border);color:var(--text);padding:6px 12px;border-radius:8px;font-size:13px}.reader-content-wrap{max-width:800px;margin:0 auto;padding:40px 28px 60px}.reader-chap-title{font-size:22px;font-weight:700;margin-bottom:8px;text-align:center;color:var(--reader-text-color,inherit);font-feature-settings:"lnum";font-variant-numeric:lining-nums}.reader-chap-date{text-align:center;color:var(--reader-sub-color,#55556b);font-size:13px;margin-bottom:40px}.reader-text{font-family:var(--font-headline);font-size:18px;line-height:2.2;color:var(--reader-text-color,#d0d0e0);word-break:break-word;font-feature-settings:"lnum";font-variant-numeric:lining-nums}.reader-nav-btns{display:flex;justify-content:space-between;gap:12px;margin-top:48px;padding-top:32px;border-top:1px solid #2e2e3e}.reader-page .btn-outline{border-color:#2e2e3e;color:var(--reader-sub-color,#9999b3)}.reader-page .btn-outline:hover{border-color:#006A63;color:var(--primary-container)}.comment-section{max-width:720px;margin:0 auto;padding:0 20px 60px}.comment-section-title{font-size:17px;font-weight:700;margin-bottom:20px;display:flex;align-items:center;gap:8px;color:#f0f0f5}.comment-write{background:#18181f;border:1px solid #2e2e3e;border-radius:12px;padding:16px;margin-bottom:24px}.comment-write-row{display:flex;gap:10px;margin-bottom:10px}.comment-nickname-input{width:140px;background:#22222c;border:1px solid #2e2e3e;border-radius:8px;padding:8px 12px;color:#f0f0f5;font-size:13px}.comment-nickname-input:focus{border-color:#006A63;outline:none}.comment-textarea{width:100%;background:#22222c;border:1px solid #2e2e3e;border-radius:8px;padding:10px 14px;color:#f0f0f5;font-size:14px;resize:none;min-height:80px;line-height:1.6}.comment-textarea:focus{border-color:#006A63;outline:none}.comment-textarea::placeholder{color:#55556b}.comment-write-footer{display:flex;justify-content:flex-end;margin-top:10px}.comment-list{display:flex;flex-direction:column;gap:14px}.comment-item{background:#18181f;border:1px solid #2e2e3e;border-radius:12px;padding:16px}.comment-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.comment-avatar{width:30px;height:30px;border-radius:50%;background:rgba(0,106,99,.2);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--primary-container);flex-shrink:0}.comment-nickname{font-size:13px;font-weight:600;color:#f0f0f5}.comment-date{font-size:12px;color:#55556b;margin-left:auto}.comment-body{font-size:14px;line-height:1.7;color:#9999b3}.comment-footer{display:flex;align-items:center;gap:8px;margin-top:10px}.comment-like-btn{display:inline-flex;align-items:center;gap:5px;background:transparent;border:1px solid #2e2e3e;color:#55556b;padding:4px 12px;border-radius:50px;font-size:12px;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}.comment-like-btn.liked,.comment-like-btn:hover{border-color:#e11d48;color:#e11d48;background:rgba(225,29,72,.08)}.comment-delete-btn{background:transparent;border:none;color:#55556b;font-size:12px;padding:4px 8px;border-radius:4px;margin-left:auto}.comment-delete-btn:hover{color:#ef4444}.upload-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:24px;overflow-x:auto;scrollbar-width:none}.upload-tab{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);padding:10px 18px;font-size:14px;font-weight:600;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;margin-bottom:-1px;white-space:nowrap}.upload-tab.active{color:var(--primary-text);border-bottom-color:var(--primary)}.upload-tab:hover{color:var(--text)}.upload-panel{display:none}.upload-panel.active{display:block}.manage-list{display:flex;flex-direction:column;gap:14px}.manage-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;gap:16px}.manage-cover,.manage-item{display:flex;align-items:center}.manage-cover{width:50px;height:68px;border-radius:6px;flex-shrink:0;justify-content:center;font-size:24px;overflow:hidden}.manage-cover img{width:100%;height:100%;object-fit:cover}.manage-info{flex:1 1;min-width:0}.manage-title{font-size:15px;font-weight:700;margin-bottom:4px}.manage-meta{font-size:13px;color:var(--text-muted)}.manage-actions{display:flex;gap:8px;flex-shrink:0}.page-container{max-width:960px;margin:0 auto;padding:32px 24px}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);font-size:14px;margin-bottom:20px;transition:color .2s}.back-link:hover{color:var(--text)}.subscribe-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:50px;border:1.5px solid var(--border);background:transparent;color:var(--text-sub);font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}.subscribe-btn:hover{border-color:rgba(var(--text-rgb),.45);color:var(--text);background:rgba(var(--text-rgb),.07)}.subscribe-btn.subscribed{background:rgba(var(--primary-rgb),.14);border-color:rgba(var(--primary-rgb),.5);color:var(--primary-text)}.subscribe-btn.subscribed:hover{background:rgba(var(--primary-rgb),.24);border-color:rgba(var(--primary-rgb),.7)}.sub-count{font-size:12px;opacity:.7;margin-left:2px}.follow-author-btn{display:inline-flex;padding:8px 16px;border-radius:20px;border:1.5px solid var(--border);background:var(--surface);color:var(--text-sub);transition:all .18s;white-space:nowrap}.follow-author-btn:hover{color:var(--primary-text);background:var(--primary-light)}.follow-author-btn.following{background:rgba(0,106,99,.14);border-color:rgba(0,106,99,.5);color:var(--primary-text)}.follow-author-btn.following:hover{background:rgba(225,29,72,.1);border-color:rgba(225,29,72,.4);color:#e11d48}.search-results-section{padding-top:12px;animation:srFadeIn .3s ease}@keyframes srFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sr-header-compact{font-size:14px;font-weight:600;color:var(--text-sub);margin-bottom:12px;display:flex;align-items:center;gap:6px}.sr-header-compact i{color:var(--primary);font-size:13px}.search-keyword{color:var(--primary-text);font-weight:700}.sr-clear-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;border:1px solid var(--border);background:var(--surface2);color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s}.sr-clear-btn:hover{border-color:var(--danger);color:var(--danger);background:rgba(239,68,68,.08)}.sr-genre-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.sr-genre-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 14px;border-radius:20px;border:1px solid;font-size:12px;font-weight:600;transition:transform .15s,box-shadow .15s}.sr-genre-chip:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.15)}.sr-genre-chip button{background:none;border:none;cursor:pointer;color:inherit;opacity:.6;padding:0 2px;font-size:11px;display:flex;align-items:center}.sr-genre-chip button:hover{opacity:1}.sr-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:20px;gap:20px}.sr-grid .novel-card{animation:srCardIn .35s ease both}@keyframes srCardIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.sr-grid .novel-card:first-child{animation-delay:0s}.sr-grid .novel-card:nth-child(2){animation-delay:.03s}.sr-grid .novel-card:nth-child(3){animation-delay:.06s}.sr-grid .novel-card:nth-child(4){animation-delay:.09s}.sr-grid .novel-card:nth-child(5){animation-delay:.12s}.sr-grid .novel-card:nth-child(6){animation-delay:.15s}.sr-grid .novel-card:nth-child(n+7){animation-delay:.18s}.search-group{margin-bottom:36px}.search-group-label{font-size:14px;font-weight:700;color:var(--text-sub);margin-bottom:16px;display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--border)}.search-group-label i{color:var(--primary);font-size:13px}.search-group-count{font-size:11px;color:var(--primary-text);font-weight:700;background:rgba(0,106,99,.12);padding:2px 8px;border-radius:10px}.search-group-none{font-size:14px;color:var(--text-muted);padding:40px 0;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.search-group-none i{font-size:28px;opacity:.3}.sr-empty-state{flex-direction:column;padding:60px 20px;text-align:center}.sr-empty-icon,.sr-empty-state{display:flex;align-items:center;justify-content:center}.sr-empty-icon{width:80px;height:80px;border-radius:50%;background:rgba(0,106,99,.08);margin-bottom:20px}.sr-empty-icon i{font-size:32px;color:var(--primary);opacity:.5}.sr-empty-title{font-size:18px;font-weight:700;color:var(--text);margin-bottom:8px}.sr-empty-desc{font-size:13px;color:var(--text-muted);line-height:1.5;max-width:300px}.sr-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.sr-sort-btns{display:flex;gap:6px}.sr-sort-btn{padding:6px 14px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.sr-sort-btn:hover{border-color:var(--primary);color:var(--primary-text)}.sr-sort-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.sr-toolbar-right{display:flex;align-items:center;gap:10px}.sr-view-count{font-size:12px;color:var(--text-muted)}@media (max-width:1024px){.sr-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width:768px){.sr-grid{grid-template-columns:repeat(4,1fr);gap:14px}}@media (max-width:600px){.sr-grid{grid-template-columns:repeat(3,1fr);gap:12px}.sr-toolbar{flex-wrap:wrap}}@media (max-width:400px){.sr-grid{grid-template-columns:repeat(2,1fr)}}.content-wrap{flex:1 1;min-width:0;width:100%;position:relative}.content-wrap,.first-load-overlay{display:flex;flex-direction:column}.first-load-overlay{position:absolute;inset:0;z-index:50;align-items:center;justify-content:center;gap:16px;background:var(--bg)}.first-load-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:fl-spin .8s linear infinite}@keyframes fl-spin{to{transform:rotate(1turn)}}.first-load-text{font-size:14px;color:var(--text-muted);margin:0}@media (max-width:1024px){.ranking-cols{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero{height:320px;margin:12px 16px 0;border-radius:var(--radius)}.hero-slide-bg{filter:blur(6px)!important;transform:scale(1.1)!important}.hero-split{flex-direction:column!important;padding:0 24px 24px!important;justify-content:flex-end!important;gap:8px!important;align-items:stretch!important}.hero-info{flex:none!important;max-width:100%!important;gap:6px!important}.hero-cover{display:none!important}.hero-slide-overlay{background:linear-gradient(0deg,rgba(10,10,20,.95) 0,rgba(10,10,20,.75) 50%,rgba(10,10,20,.4))!important}.hero-title{font-size:22px!important}.hero-desc{font-size:13px!important;-webkit-line-clamp:2!important}.ranking-cols{grid-template-columns:1fr}.header-inner{gap:12px;padding:0 16px}.header-search{max-width:200px;padding:0 8px}.novel-header{flex-direction:column;align-items:center;text-align:center}.novel-cover{width:120px;height:164px}.novel-actions,.novel-meta,.novel-tags{justify-content:center}.form-row{grid-template-columns:1fr}.search-results-header{flex-direction:column;gap:6px}.manage-item{flex-direction:column;text-align:center}.manage-actions{justify-content:center}}.site-footer{background:var(--surface2);border-top:none;padding:40px 0 24px;margin-top:32px}.footer-inner{max-width:1280px;margin:0 auto;padding:0 24px}.footer-top{justify-content:center;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--border);margin-bottom:18px;flex-wrap:wrap}.footer-logo,.footer-top{display:flex;align-items:center}.footer-logo{gap:8px;text-decoration:none;flex-shrink:0}.footer-logo-mark{width:26px;height:26px;background:linear-gradient(135deg,#006A63,var(--primary-container));border-radius:6px;display:flex;align-items:center;justify-content:center}.footer-logo-mark svg{width:13px;height:13px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round}.footer-logo-text{font-size:17px;font-weight:800;color:var(--text);letter-spacing:-.3px}.footer-logo-text em{font-style:normal;color:var(--primary-text)}.footer-nav{display:flex;gap:0;flex-wrap:wrap}.footer-nav a{color:var(--text-sub);font-size:13px;padding:2px 14px;border-right:1px solid var(--border);transition:color .2s;white-space:nowrap}.footer-nav a:first-child{padding-left:0}.footer-nav a:last-child{border-right:none}.footer-nav a:hover{color:var(--text)}.footer-nav a.highlight{font-weight:600}.footer-social{display:flex;gap:7px;flex-shrink:0}.footer-social a{width:33px;height:33px;border-radius:50%;background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;text-decoration:none}.footer-social a:hover{background:var(--surface3);color:var(--text)}.footer-info{display:flex;flex-direction:column;align-items:center;gap:7px;margin-bottom:20px}.footer-info p{font-size:11px;color:#aaa;line-height:1.7;text-align:center}.footer-info .cs-link{color:var(--text-sub);text-decoration:underline;font-weight:600;transition:color .2s}.footer-info .cs-link:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--border);padding-top:18px;display:flex;flex-direction:column;align-items:center;gap:7px}.footer-warning{font-size:11px;line-height:1.7;opacity:.7}.footer-copyright,.footer-warning{color:var(--text-muted);text-align:center}.footer-copyright{font-size:12px;font-weight:500}@media (max-width:768px){.footer-top{flex-direction:column;align-items:center;gap:12px}.footer-social{margin-left:0}.footer-nav{justify-content:center}.footer-nav a{padding:2px 10px;font-size:12px}}.synopsis-clamp{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.synopsis-clamp.expanded{-webkit-line-clamp:unset;overflow:visible}.weekly-ticker{background:#0d0d18;border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden;height:38px;display:flex;align-items:center;position:relative;z-index:1}.weekly-ticker-label{flex-shrink:0;background:var(--accent);color:#fff;font-size:10px;font-weight:800;padding:0 14px;height:100%;display:flex;align-items:center;gap:6px;letter-spacing:.5px;white-space:nowrap}.weekly-ticker-track-wrap{flex:1 1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,black 3%,black 97%,transparent);mask-image:linear-gradient(90deg,transparent,black 3%,black 97%,transparent)}.weekly-ticker-track{display:flex;animation:tickerScroll 35s linear infinite;width:max-content}.weekly-ticker-track:hover{animation-play-state:paused}.weekly-ticker-item{display:inline-flex;align-items:center;gap:8px;padding:0 22px;color:rgba(255,255,255,.6);font-size:13px;text-decoration:none;border-right:1px solid rgba(255,255,255,.07);transition:color .2s;height:38px;white-space:nowrap}.weekly-ticker-item:hover{color:#fff}.t-rank{font-weight:900;font-size:12px;min-width:14px}.t-rank.r1{color:#f59e0b}.t-rank.r2{color:#94a3b8}.t-rank.r3{color:#cd7f32}.t-rank.rn{color:rgba(255,255,255,.28)}@keyframes tickerScroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (max-width:767px){.quick-nav{gap:20px;padding:24px 12px 18px}.quick-nav-icon{width:56px;height:56px;font-size:22px}.quick-nav-item{font-size:11px}.hdr-login-btn span{display:none}.hdr-login-btn{width:38px;padding:0}.hero-controls{left:20px}.page-container{padding:24px 16px}}@media (max-width:480px){.quick-nav{gap:14px;padding:20px 8px 14px}.quick-nav-icon{width:48px;height:48px;font-size:20px}.quick-nav-item{font-size:10px}.hero{height:300px;margin:10px 12px 0;border-radius:var(--radius-sm)}.hero-title{font-size:22px}.hero-content{left:20px;bottom:48px;max-width:85%}.hero-actions{flex-direction:column;gap:8px}.btn-hero-primary,.btn-hero-secondary{padding:10px 18px;font-size:13px;justify-content:center}.section-title{font-size:15px}.ranking-col{padding:14px}.novel-title{font-size:22px}.chapter-item{padding:12px 16px}.comment-write{padding:14px}.comment-write-row{flex-direction:column}.comment-nickname-input{width:100%}}.para-wrap{position:relative}.reader-para{font-family:var(--font-headline);font-size:var(--reader-font-size,18px);line-height:2.2;color:var(--reader-text-color,#d0d0e0);word-break:break-word;margin-bottom:0;font-feature-settings:"lnum";font-variant-numeric:lining-nums;white-space:pre-wrap;-moz-user-select:none;user-select:none;-webkit-user-select:none}.para-gap{height:16px}.para-cnt-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:700;color:var(--primary-container);background:rgba(0,106,99,.12);border:1px solid rgba(0,106,99,.25);border-radius:20px;padding:2px 7px;margin-top:4px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.para-comment-panel{display:none;margin:6px 0 18px;background:#191922;border:1px solid rgba(0,106,99,.15);border-radius:10px;padding:14px}.para-comment-panel.open{display:block;animation:panelFadeIn .18s ease}@keyframes panelFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.para-panel-hd{font-size:10px;font-weight:700;color:rgba(45,212,191,.5);margin-bottom:10px;text-transform:uppercase;letter-spacing:.8px}.para-write-row{display:flex;gap:6px;margin-bottom:10px;align-items:flex-start}.para-nick-in{width:88px;flex-shrink:0;background:#22222c;border:1px solid #2e2e3e;border-radius:6px;padding:5px 8px;color:#f0f0f5;font-size:12px;height:30px}.para-nick-in:focus{border-color:#006A63;outline:none}.para-text-in{flex:1 1;background:#22222c;border:1px solid #2e2e3e;border-radius:6px;padding:5px 8px;color:#f0f0f5;font-size:12px;resize:none;min-height:30px;line-height:1.5}.para-text-in:focus{border-color:#006A63;outline:none}.para-text-in::placeholder{color:#44445a}.para-sub-btn{background:#006A63;border:none;color:#fff;padding:0 12px;border-radius:6px;font-size:12px;font-weight:600;height:30px;flex-shrink:0;cursor:pointer}.para-sub-btn:hover{background:#005A54}.para-c-item{padding:7px 0;border-top:1px solid rgba(255,255,255,.04)}.para-c-item:first-child{border-top:none}.para-c-hd{display:flex;align-items:center;gap:6px;margin-bottom:3px}.para-c-nick{font-size:12px;font-weight:600;color:var(--primary-container)}.para-c-date{margin-left:auto}.para-c-date,.para-c-del{font-size:10px;color:#44445a}.para-c-del{background:none;border:none;cursor:pointer;padding:1px 3px}.para-c-del:hover{color:#ef4444}.para-c-text{font-size:13px;line-height:1.6;color:#8888a3}.para-empty-msg{font-size:12px;color:#44445a;text-align:center;padding:8px 0}.inter-chapter-ad{max-width:800px;margin:40px auto;padding:20px;display:flex;align-items:center;justify-content:center;min-height:250px}.inter-chapter-ad-inner{width:100%;max-width:728px}.ad-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:200px;border:2px dashed var(--border,rgba(255,255,255,.1));border-radius:12px;color:var(--text-muted,rgba(255,255,255,.3));font-size:13px}.ad-placeholder i{font-size:28px}.video-ad-overlay{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center}.video-ad-modal{width:90vw;max-width:640px}.video-ad-player{aspect-ratio:16/9;width:100%;border-radius:12px;overflow:hidden;background:#111}.video-ad-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:rgba(255,255,255,.4)}.video-ad-placeholder i{font-size:48px}.video-ad-placeholder span{font-size:14px}.video-ad-hint{font-size:11px;color:rgba(255,255,255,.25)}.video-ad-controls{display:flex;justify-content:flex-end;margin-top:12px}.video-ad-skip-btn{padding:8px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:6px}.video-ad-skip-btn:hover{background:rgba(255,255,255,.2)}.video-ad-countdown{padding:8px 16px;font-size:13px;color:rgba(255,255,255,.5)}.chapter-auto-divider{max-width:720px;margin:60px auto 0;padding:0 20px;display:flex;align-items:center;gap:16px}.chapter-auto-divider:after,.chapter-auto-divider:before{content:"";flex:1 1;height:1px;background:rgba(255,255,255,.06)}.chap-div-label{font-size:11px;color:rgba(255,255,255,.2);font-weight:700;letter-spacing:.5px;white-space:nowrap}.chapter-loading-bar{max-width:720px;margin:36px auto;padding:0 20px;display:flex;align-items:center;justify-content:center;gap:10px;color:rgba(255,255,255,.22);font-size:13px}.loading-spin{width:15px;height:15px;border:2px solid rgba(0,106,99,.25);border-top:2px solid var(--primary-container);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}.chapter-end-box{max-width:720px;margin:48px auto 0;padding:32px 20px;text-align:center;border-top:1px solid rgba(255,255,255,.06)}.chapter-end-box p{color:rgba(255,255,255,.3);font-size:14px;margin-bottom:16px}.reader-star-rating{display:flex;gap:4px;justify-content:center;margin-bottom:16px}.reader-star{background:none;border:none;cursor:pointer;font-size:28px;color:rgba(255,255,255,.15);padding:4px;transition:color .15s,transform .15s}.reader-star:hover{transform:scale(1.2)}.reader-star.filled{color:#f59e0b}.chapter-sentinel{height:1px}.reader-ctx-menu{position:fixed;z-index:600;background:#1c1c28;border:1px solid rgba(0,106,99,.35);border-radius:10px;padding:6px;min-width:210px;box-shadow:0 12px 40px rgba(0,0,0,.6);animation:ctxIn .12s ease}@keyframes ctxIn{0%{opacity:0;transform:scale(.93) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.ctx-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:7px;color:rgba(255,255,255,.72);font-size:13px;cursor:pointer;transition:background .12s;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:none;background:none;width:100%;text-align:left}.ctx-item:hover{background:rgba(0,106,99,.22);color:#fff}.ctx-icon{width:22px;text-align:center;color:var(--primary-container);font-size:14px;flex-shrink:0}.ctx-quote-text{font-size:11px;color:rgba(255,255,255,.35);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}.ctx-divider{height:1px;background:rgba(255,255,255,.07);margin:4px 0}.ctx-item.ctx-liked,.ctx-item.ctx-liked .ctx-icon{color:#f87171}.ctx-item.ctx-liked:hover{background:rgba(239,68,68,.15)}.ctx-like-count{margin-left:auto;font-size:11px;color:#9999b3;font-weight:700;min-width:16px;text-align:right}.hero-slide-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-slide-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,20,.92) 0,rgba(10,10,20,.6) 50%,rgba(10,10,20,.3))}.hero-split{position:absolute;inset:0;z-index:2;display:flex;align-items:center;padding:0 48px;gap:32px}.hero-info{flex:0 0 55%;max-width:55%;display:flex;flex-direction:column;gap:10px}.hero-cover{flex:1 1;display:flex;align-items:center;justify-content:center}.hero-cover-card{width:140px;height:200px;border-radius:8px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.5)}.hero-cover-card img{width:100%;height:100%;object-fit:cover}.hero-cover-fallback{width:140px;height:200px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;color:rgba(255,255,255,.6);text-align:center;box-shadow:0 8px 32px rgba(0,0,0,.4)}.hero-cover-fallback i{font-size:48px;color:rgba(255,255,255,.2)}.hero-upcoming-badge{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.5);font-size:14px;font-weight:600}.hero-indicators{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);z-index:10;display:flex;gap:8px}.hero-dot{width:14px;height:14px;border-radius:50%;background:rgba(255,255,255,.35);border:6px solid transparent;cursor:pointer;padding:0;transition:all .3s}.hero-dot:hover{background:rgba(255,255,255,.6)}.hero-dot.active{background:#fff;width:36px;border-radius:7px;box-shadow:0 0 8px rgba(255,255,255,.4)}.hero-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.8);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:0}.hero:hover .hero-nav-arrow{opacity:1}.hero-nav-arrow:hover{background:rgba(0,0,0,.55);color:#fff}.hero-nav-arrow.left{left:16px}.hero-nav-arrow.right{right:16px}@media (max-width:767px){.hero-nav-arrow{display:none}}.hero-controls{display:none}@keyframes heroProgAnim{0%{width:0}to{width:100%}}.ad-slot{max-width:720px;margin:24px auto;padding:0 20px}.chap-end-ad{margin-top:12px}.ad-slot-inner{background:rgba(255,255,255,.025);border:1px dashed rgba(255,255,255,.08);border-radius:8px;min-height:90px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px}.ad-label{font-size:10px;color:rgba(255,255,255,.15);letter-spacing:1.5px;text-transform:uppercase;font-weight:600}.home-ad-slot{margin:24px 0 40px}.home-ad-placeholder{background:var(--surface2);border:1px dashed var(--border);border-radius:12px;min-height:120px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:var(--text-muted);opacity:.5}@keyframes modalSlideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.donate-modal-overlay,.novel-modal-overlay,.report-modal-overlay{position:fixed;inset:0;z-index:1200;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;padding:20px;animation:backdropBlurIn .3s ease}.novel-modal-panel{background:var(--surface);border-radius:12px;width:100%;max-width:1060px;max-height:90vh;overflow-y:auto;position:relative;animation:modalScaleIn .32s var(--ease-spring);scrollbar-width:thin;scrollbar-color:rgba(0,106,99,.4) transparent}.novel-modal-panel::-webkit-scrollbar{width:4px}.novel-modal-panel::-webkit-scrollbar-thumb{background:rgba(0,106,99,.4);border-radius:2px}.novel-modal-close{position:absolute;top:12px;right:14px;z-index:20;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.novel-modal-close:hover{background:rgba(0,0,0,.85)}.novel-modal-hero{position:relative;height:320px;overflow:hidden;flex-shrink:0;border-radius:12px 12px 0 0}.novel-modal-hero-bg{object-fit:cover;display:block}.novel-modal-hero-bg,.novel-modal-hero-color{width:100%;height:100%}.novel-modal-hero-gradient{position:absolute;inset:0;background:linear-gradient(0deg,var(--surface) 0,rgba(var(--surface-rgb),.7) 18%,rgba(var(--surface-rgb),.2) 35%,transparent 50%),linear-gradient(90deg,rgba(var(--surface-rgb),.75) 0,rgba(var(--surface-rgb),.3) 30%,transparent 55%);pointer-events:none}.novel-modal-hero-info{position:absolute;bottom:20px;left:24px;right:24px}.novel-modal-genre-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;margin-bottom:8px}.novel-modal-title{font-size:26px;font-weight:900;color:var(--text);line-height:1.2;margin-bottom:10px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.novel-modal-meta{font-size:13px;color:var(--text-sub);display:flex;flex-direction:column;gap:7px;text-shadow:0 1px 4px rgba(0,0,0,.2)}.nm-meta-row{display:flex;align-items:center;gap:6px}.nm-meta-row i{font-size:11px;opacity:.75;flex-shrink:0;width:14px;text-align:center}.nm-meta-sep{color:var(--text-muted);margin:0 2px;font-size:11px}.nm-meta-author-link{color:var(--text);font-weight:700;font-size:14px;text-decoration:none;cursor:pointer;transition:color .15s;text-shadow:0 1px 6px rgba(0,0,0,.2)}.nm-meta-author-link:hover{color:var(--primary-text)}.nm-meta-follow-btn{padding:3px 10px;border-radius:20px;border:1.5px solid var(--border);background:rgba(var(--surface-rgb),.25);color:var(--text-sub);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap;line-height:1.4}.nm-meta-follow-btn.following,.nm-meta-follow-btn:hover{border-color:var(--primary-text);color:var(--primary-text);background:rgba(var(--primary-rgb),.25)}.novel-modal-body{padding:20px 24px 28px}.novel-modal-actions{flex-wrap:wrap;margin-bottom:20px}.nm-actions-row,.novel-modal-actions{display:flex;gap:10px;align-items:center}.nm-reaction-buttons{display:flex;gap:4px}.nm-reaction-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:none;color:var(--text-muted);font-size:14px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.nm-reaction-btn:hover{border-color:var(--primary);color:var(--text);background:rgba(0,106,99,.05)}.nm-reaction-btn.active{border-color:var(--primary);color:var(--primary);background:rgba(0,106,99,.08)}.nm-reaction-btn.active.great{color:#006A63;border-color:#006A63}.nm-reaction-btn.active.good{color:#2563eb;border-color:#2563eb}.nm-reaction-btn.active.bad{color:#ef4444;border-color:#ef4444}.nm-reaction-btn .nm-double-thumb{display:inline-flex;align-items:center}.nm-reaction-btn .nm-double-thumb i{font-size:12px}.nm-reaction-btn .nm-double-thumb i:last-child{margin-left:-6px;opacity:.55}.nm-community-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;position:relative}.nm-community-btn:hover:not(.disabled){border-color:var(--primary);color:var(--primary)}.nm-community-btn.disabled{opacity:.4;cursor:not-allowed}.nm-verified-badge{font-size:10px;color:#3b82f6;margin-left:2px}.nm-review-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.nm-review-btn:hover{border-color:var(--primary);color:var(--primary)}.nm-review-btn i{font-size:13px}.nm-review-btn.active{border-color:var(--primary);color:var(--primary);background:rgba(0,106,99,.06)}.nm-review-section{width:100%;animation:reviewSectionIn .25s ease}@keyframes reviewSectionIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.nm-review-section-divider{height:1px;background:var(--border);margin:4px 0 12px}.nm-review-ai-summary{padding:12px 16px;background:rgba(0,106,99,.04);border-radius:10px;margin-bottom:10px}.nm-review-ai-label{font-size:11px;font-weight:700;color:var(--primary);margin-bottom:4px;display:flex;align-items:center;gap:4px}.nm-review-ai-text{font-size:13px;color:var(--text);line-height:1.5}.nm-review-keywords{display:flex;gap:6px;flex-wrap:wrap;padding:0 0 10px}.nm-review-keyword{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}.nm-review-keyword.positive{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.nm-review-keyword.negative{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}[data-theme=dark] .nm-review-keyword.positive{background:#064e3b;color:#6ee7b7;border-color:#065f46}[data-theme=dark] .nm-review-keyword.negative{background:#7f1d1d;color:#fca5a5;border-color:#991b1b}.nm-review-sort-bar{display:flex;gap:6px;padding:6px 0 10px}.nm-review-sort-btn{padding:4px 10px;border-radius:6px;border:1px solid var(--border);background:none;color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .15s}.nm-review-sort-btn.active,.nm-review-sort-btn:hover{border-color:var(--primary);color:var(--primary)}.nm-review-sort-btn.active{background:rgba(0,106,99,.08)}.nm-review-list{padding:0;max-height:400px;overflow-y:auto}.nm-review-empty{padding:20px 0;text-align:center;font-size:13px;color:var(--text-muted)}.nm-review-item-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:6px}.nm-review-item-avatar{width:32px;height:32px;border-radius:50%;background:var(--surface2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-muted);font-size:13px;overflow:hidden;border:1px solid var(--border)}.nm-review-item-avatar img{width:100%;height:100%;object-fit:cover}.nm-review-item-meta{flex:1 1;min-width:0}.nm-review-item-top-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.nm-review-item-name{font-size:13px;font-weight:600;color:var(--text)}.nm-review-item-score{font-size:12px;color:var(--primary);display:flex;align-items:center;gap:2px}.nm-review-item-score i{font-size:11px}.nm-review-item-progress{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:3px;padding:1px 6px;background:var(--surface2);border-radius:4px}.nm-review-item-progress i{font-size:9px}.nm-review-item-date{font-size:11px;color:var(--text-muted);margin-top:1px}.nm-review-item-comment{font-size:13px;color:var(--text-sub);line-height:1.5;margin-left:42px}.nm-review-item-votes{display:flex;gap:8px;margin-left:42px;margin-top:6px}.nm-review-vote-btn{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;border:1px solid var(--border);background:none;color:var(--text-muted);font-size:11px;cursor:pointer;transition:all .15s}.nm-review-vote-btn.active,.nm-review-vote-btn:hover{border-color:var(--primary);color:var(--primary)}.nm-review-vote-btn.active{background:rgba(0,106,99,.08)}.nm-review-vote-btn--down.active,.nm-review-vote-btn--down:hover{border-color:#ef4444;color:#ef4444}.nm-review-vote-btn--down.active{background:rgba(239,68,68,.08)}.nm-review-more-btn{width:100%;padding:8px;border:none;background:none;color:var(--primary);font-size:12px;font-weight:600;cursor:pointer;text-align:center}.nm-review-more-btn:hover{text-decoration:underline}.nm-review-write{display:flex;gap:8px;padding:10px 0;margin-bottom:6px}.nm-review-input{flex:1 1;padding:8px 12px;border-radius:8px;border:1px solid var(--border-input);background:var(--surface2);color:var(--text);font-size:13px;outline:none;box-sizing:border-box}.nm-review-input:focus{border-color:var(--primary)}.nm-review-input::placeholder{color:var(--text-muted)}.nm-review-submit-btn{width:36px;height:36px;border-radius:8px;border:none;background:var(--primary);color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nm-review-submit-btn:hover{opacity:.85}.nm-review-submit-btn:disabled{opacity:.4;cursor:default}.nm-report-btn{width:28px;height:28px;border-radius:50%;border:1px solid rgba(239,68,68,.4);background:rgba(239,68,68,.15);color:#f87171;font-size:11px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s;margin-left:4px;flex-shrink:0}.nm-report-btn:hover{color:#fff;border-color:rgba(239,68,68,.7);background:rgba(239,68,68,.5)}.nm-adult-verify-banner{width:100%;display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:10px;background:linear-gradient(135deg,rgba(220,38,38,.08),rgba(220,38,38,.04));border:1px solid rgba(220,38,38,.2)}.nm-adult-verify-banner>i{font-size:22px;color:#ef4444;flex-shrink:0}.nm-adult-verify-text{display:flex;flex-direction:column;gap:2px;flex:1 1;min-width:0}.nm-adult-verify-text strong{font-size:13px;color:var(--text);font-weight:700}.nm-adult-verify-text span{font-size:11px;color:var(--text-muted);line-height:1.4}.nm-adult-verify-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:8px;white-space:nowrap;background:#DC2626;color:#fff;font-size:12px;font-weight:700;text-decoration:none;transition:background .15s;flex-shrink:0}.nm-adult-verify-btn:hover{background:#b91c1c}.novel-modal-chapter-item.adult-locked{opacity:.5;cursor:not-allowed}.novel-modal-btn-primary{display:inline-flex;align-items:center;gap:7px;padding:11px 22px;border-radius:8px;background:var(--primary);color:#fff;font-size:14px;font-weight:700;border:none;cursor:pointer;transition:background .15s,transform .1s;text-decoration:none}.novel-modal-btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.novel-modal-btn-secondary{display:inline-flex;align-items:center;gap:7px;padding:11px 22px;border-radius:8px;background:var(--surface2);color:var(--text);font-size:14px;font-weight:600;border:1px solid var(--border);cursor:pointer;transition:background .15s;text-decoration:none}.novel-modal-btn-secondary:hover{background:var(--surface3)}.novel-modal-btn-continue{display:inline-flex;align-items:center;gap:7px;padding:11px 22px;border-radius:8px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:14px;font-weight:700;border:none;cursor:pointer;transition:background .15s,transform .1s;text-decoration:none}.novel-modal-btn-continue:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.novel-modal-btn-like{display:inline-flex;align-items:center;gap:6px;padding:11px 18px;border-radius:8px;background:transparent;color:var(--text-muted);font-size:14px;font-weight:600;border:1px solid var(--border);cursor:pointer;transition:background .15s,color .15s,border-color .15s,opacity .15s}.novel-modal-btn-like.liked,.novel-modal-btn-like:hover{background:rgba(239,68,68,.15);color:#f87171;border-color:rgba(239,68,68,.4)}.novel-modal-synopsis{font-size:14px;line-height:1.85;color:var(--text-sub);margin-bottom:14px}.novel-modal-synopsis.clamped{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.novel-modal-synopsis-toggle{font-size:13px;color:var(--primary-text);background:none;border:none;cursor:pointer;padding:0;font-weight:600}.novel-modal-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}.novel-modal-tag{padding:4px 10px;border-radius:20px;background:rgba(0,106,99,.12);border:1px solid rgba(0,106,99,.2);font-size:12px;color:var(--primary-text)}.nm-similar{margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}.nm-similar-title{font-size:13px;font-weight:700;color:var(--text-sub);margin-bottom:10px;display:flex;align-items:center;gap:6px}.nm-similar-grid{display:flex;flex-direction:row;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.nm-similar-grid::-webkit-scrollbar{display:none}.nm-similar-card{flex:0 0 108px;flex-direction:column;text-decoration:none;cursor:pointer}.nm-sim-thumb,.nm-similar-card{width:108px;display:flex;flex-shrink:0}.nm-sim-thumb{height:162px;border-radius:8px;overflow:hidden;background:var(--surface2);align-items:center;justify-content:center;transition:transform .15s,box-shadow .15s;position:relative}.nm-similar-card:hover .nm-sim-thumb{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.55)}.nm-sim-thumb img{width:100%;height:100%;object-fit:cover;display:block}.nm-sim-thumb-placeholder{font-size:32px}.nm-sim-title{padding:7px 2px 0;font-size:11.5px;font-weight:700;color:var(--text);line-height:1.4;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(11.5px * 1.4 * 2 + 7px)}.nm-author-posts{margin-top:16px}.nm-ap-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:flex;align-items:center;gap:4px}.nm-ap-label i{color:var(--primary)}.nm-ap-ticker{overflow:hidden;border-radius:8px}.nm-ap-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;background:rgba(0,106,99,.08);border:1px solid rgba(0,106,99,.15);text-decoration:none;transition:background .15s;cursor:pointer}.nm-ap-item:hover{background:rgba(0,106,99,.14)}.nm-ap-icon{font-size:13px;color:var(--primary-text);flex-shrink:0;width:16px;text-align:center}.nm-ap-text{flex:1 1;min-width:0}.nm-ap-title{font-size:13px;font-weight:600;color:var(--text)}.nm-ap-sub,.nm-ap-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nm-ap-sub{margin-top:1px}.nm-ap-date,.nm-ap-sub{font-size:11px;color:var(--text-muted)}.nm-ap-date{flex-shrink:0;white-space:nowrap}.nm-ap-footer{justify-content:space-between;margin-top:8px;padding:0 2px}.nm-ap-dots,.nm-ap-footer{display:flex;align-items:center}.nm-ap-dots{gap:5px}.nm-ap-dot{width:5px;height:5px;border-radius:50%;background:rgba(var(--text-rgb),.12);transition:all .3s ease;flex-shrink:0}.nm-ap-dot.active{background:var(--primary);width:14px;border-radius:3px}.nm-ap-all{font-size:11px;color:var(--primary);text-decoration:none;font-weight:600;transition:color .15s}.nm-ap-all:hover{color:var(--primary-text)}.novel-modal-chapters-header{display:flex;align-items:center;justify-content:space-between;padding:14px 0 10px;border-top:1px solid var(--border);margin-bottom:4px}.novel-modal-chapters-title{font-size:15px;font-weight:700;color:var(--text)}.novel-modal-sort-select{background:var(--surface2);border:1px solid var(--border);color:var(--text-sub);font-size:12px;border-radius:6px;padding:5px 8px;cursor:pointer}html.dark-mode .novel-modal-sort-select{color-scheme:dark}.novel-modal-sort-select option{background:var(--surface3);color:var(--text)}.novel-modal-chapter-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(var(--text-rgb),.05);text-decoration:none;color:var(--text-sub);transition:color .14s;cursor:pointer}.novel-modal-chapter-item:hover{color:var(--text)}.novel-modal-chapter-item.current-chapter{color:var(--primary-text);background:rgba(var(--primary-rgb),.08);border-radius:6px;padding:12px 8px}.novel-modal-chapter-num{font-size:12px;color:var(--text-muted);min-width:32px;flex-shrink:0}.novel-modal-chapter-title{font-size:14px;font-weight:500;flex:1 1}.novel-modal-chapter-views{font-size:12px;color:var(--text-muted);white-space:nowrap}@media (max-width:600px){.novel-modal-overlay{padding:0;align-items:flex-end}.novel-modal-panel{border-radius:14px 14px 0 0;max-height:92vh}.novel-modal-hero{height:240px}.novel-modal-title{font-size:20px}.novel-modal-actions{gap:8px}.novel-modal-btn-like,.novel-modal-btn-primary,.novel-modal-btn-secondary{padding:9px 14px;font-size:13px}}.back-link,.chapter-item,.chapter-list-header,.footer-nav a,.genre-badge,.hero-genre-badge,.hero-rank-badge,.hero-slide,.like-btn,.notif-dot,.novel-card,.ranking-item,.recommend-card,.sdrop-genre-btn,.sdrop-row,.sdrop-title,.section-see-all,.section-title,.side-sec-title,.subscribe-btn,.weekly-ticker-item{-webkit-user-select:none;-moz-user-select:none;user-select:none}.survey-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px}.survey-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:40px 36px;max-width:580px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:surveyIn .35s ease}@keyframes surveyIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.survey-progress{display:flex;gap:8px;margin-bottom:28px}.survey-progress-step{flex:1 1;height:4px;border-radius:2px;background:rgba(var(--text-rgb),.1);transition:background .3s}.survey-progress-step.active{background:var(--primary)}.survey-progress-step.done{background:var(--success)}.survey-title{font-size:24px;font-weight:800;color:var(--text);margin-bottom:6px}.survey-subtitle{font-size:14px;color:var(--text-muted);margin-bottom:28px}.survey-step-label{font-size:13px;color:var(--text-muted);margin-bottom:16px;font-weight:600}.survey-genre-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:12px;gap:12px;margin-bottom:24px}.survey-genre-item{gap:10px;padding:14px 16px;border-radius:12px;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;background:rgba(255,255,255,.03);color:var(--text-sub);font-size:13px;font-weight:600}.survey-genre-item i{color:var(--gc);font-size:16px}.survey-genre-item:hover{border-color:rgba(var(--text-rgb),.2);color:var(--text)}.survey-genre-item.selected{background:rgba(0,106,99,.12);box-shadow:0 0 16px rgba(0,106,99,.15);color:var(--text)}.survey-genre-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.survey-genre-name{font-size:13px;font-weight:600;color:var(--text)}.survey-chips{margin-bottom:24px}.survey-chip{padding:8px 16px;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;background:rgba(var(--text-rgb),.03)}.survey-chip:hover{border-color:rgba(var(--text-rgb),.35);color:var(--text);background:rgba(var(--text-rgb),.06)}.survey-chip.selected{font-weight:600}.survey-actions{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:20px;border-top:1px solid var(--border)}.survey-btn-skip{background:none;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;padding:10px 16px;transition:color .2s}.survey-btn-skip:hover{color:var(--text)}.survey-btn-next{background:var(--primary);color:#fff;border:none;padding:12px 32px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}.survey-btn-next:hover{background:var(--primary-hover);transform:translateY(-1px)}.survey-btn-next:disabled{opacity:.4;cursor:not-allowed;transform:none}@media (max-width:480px){.survey-card{padding:28px 20px}.survey-genre-grid{grid-template-columns:repeat(2,1fr);gap:8px}.survey-title{font-size:20px}}.inquiry-fab{position:fixed;bottom:28px;right:28px;z-index:800;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#006A63,#005A54);border:none;color:#fff;font-size:22px;cursor:pointer;box-shadow:0 4px 20px rgba(0,106,99,.4);display:flex;align-items:center;opacity:.7;justify-content:center;transition:transform .2s,box-shadow .2s}.inquiry-fab:hover{transform:scale(1.08);box-shadow:0 6px 28px rgba(0,106,99,.55);opacity:1}.inquiry-fab.open{transform:rotate(45deg);background:#ef4444;box-shadow:0 4px 20px rgba(239,68,68,.4);opacity:1}.inquiry-fab-badge{position:absolute;top:-2px;right:-2px;width:12px;height:12px;border-radius:50%;background:var(--success);border:2px solid var(--bg)}.inquiry-panel{position:fixed;bottom:96px;right:28px;z-index:799;width:360px;max-height:520px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 40px rgba(0,0,0,.15);display:none;flex-direction:column;overflow:hidden;animation:inquirySlideUp .25s cubic-bezier(.4,0,.2,1)}.inquiry-panel.open{display:flex}@keyframes inquirySlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.inquiry-panel-header{padding:14px 20px;background:linear-gradient(135deg,#006A63,#005A54);color:#fff}.inquiry-panel-header h3{margin:0 0 2px;font-size:15px;font-weight:700}.inquiry-panel-header p{margin:0;font-size:11px;opacity:.8}.inquiry-panel-body{padding:14px 20px;flex:1 1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,106,99,.3) transparent}.inquiry-category{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;margin-bottom:10px}.inquiry-cat-btn{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:8px;color:var(--text-muted);font-size:12px;cursor:pointer;transition:background .15s,color .15s,border-color .15s,opacity .15s;display:flex;align-items:center;gap:6px}.inquiry-cat-btn.active,.inquiry-cat-btn:hover{border-color:var(--primary);color:var(--primary);background:rgba(0,106,99,.08)}.inquiry-cat-btn i{font-size:14px}.inquiry-form-group{margin-bottom:10px}.inquiry-form-group label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:6px}.inquiry-input{width:100%;background:var(--surface2);border:1px solid var(--border-input);border-radius:8px;padding:8px 12px;color:var(--text);font-size:13px;transition:border-color .15s}.inquiry-input:focus{border-color:var(--primary);outline:none}textarea.inquiry-input{resize:none;min-height:64px;line-height:1.6;font-family:inherit}.inquiry-submit-btn{width:100%;padding:10px;background:linear-gradient(135deg,#006A63,#005A54);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s}.inquiry-submit-btn:hover{opacity:.9}.inquiry-submit-btn:disabled{opacity:.5;cursor:not-allowed}.inquiry-success{text-align:center;padding:32px 16px}.inquiry-success i{font-size:48px;color:var(--success);margin-bottom:14px}.inquiry-success h4{color:var(--text);font-size:16px;margin:0 0 8px}.inquiry-success p{color:var(--text-muted);font-size:13px;margin:0}@media (max-width:480px){.inquiry-panel{right:12px;left:12px;width:auto;bottom:88px;max-height:70vh}.inquiry-fab{bottom:20px;right:20px}}@media (max-width:767px){.inquiry-fab,.inquiry-panel{display:none!important}}.donate-author-wrap{max-width:720px;margin:0 auto 24px;padding:0 20px}.donate-author-btn{width:100%;padding:13px 16px;background:rgba(var(--text-rgb),.03);border:1px solid var(--border);border-radius:10px;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .18s,color .18s,border-color .18s}.donate-author-btn:hover{border-color:rgba(0,106,99,.4);color:var(--primary-text);background:rgba(0,106,99,.06)}.donate-author-btn i{font-size:14px;color:var(--primary-text)}.comment-donate-btn{display:inline-flex;align-items:center;gap:4px;background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:4px 10px;border-radius:50px;font-size:11px;cursor:pointer;transition:background .15s,color .15s,border-color .15s,opacity .15s}.comment-donate-btn:hover{background:rgba(0,106,99,.06);border-color:rgba(0,106,99,.3);color:var(--primary-text)}.donate-modal{background:var(--surface);border-radius:16px;width:100%;max-width:400px;padding:28px;animation:modalSlideUp .28s cubic-bezier(.4,0,.2,1)}.donate-modal-title{font-size:18px;font-weight:700;color:var(--text);margin-bottom:6px;display:flex;align-items:center;gap:8px}.donate-modal-title i{color:var(--primary-text)}.donate-modal-sub{font-size:13px;color:var(--text-muted);margin-bottom:20px}.donate-amount-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-bottom:16px}.donate-amount-btn{padding:14px 8px;background:var(--surface2);border:2px solid var(--border);border-radius:10px;color:var(--text);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s,opacity .15s;text-align:center}.donate-amount-btn.selected,.donate-amount-btn:hover{border-color:var(--primary);color:var(--primary-text)}.donate-amount-btn.selected{background:rgba(var(--primary-rgb),.08)}.donate-amount-btn small{display:block;font-size:10px;color:var(--text-muted);margin-top:2px;font-weight:400}.donate-msg-input{width:100%;background:var(--surface2);border:1px solid var(--border-input);border-radius:8px;padding:10px 12px;color:var(--text);font-size:13px;margin-bottom:16px;font-family:inherit}.donate-msg-input:focus{border-color:var(--primary);outline:none}.donate-msg-input::placeholder{color:var(--text-muted)}.donate-confirm-btn{width:100%;padding:13px;background:var(--primary);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.donate-confirm-btn:hover{background:var(--primary-hover)}.donate-cancel-btn{width:100%;padding:10px;background:transparent;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;margin-top:8px}.donate-cancel-btn:hover{color:var(--text-sub)}.report-modal{background:var(--surface);border-radius:16px;width:100%;max-width:420px;padding:28px;animation:modalSlideUp .28s cubic-bezier(.4,0,.2,1)}.report-modal-title{font-size:17px;font-weight:700;color:var(--text);margin-bottom:16px;display:flex;align-items:center;gap:8px}.report-modal-title i{color:var(--danger)}.report-original-text{border-radius:8px;padding:12px;font-size:13px;color:var(--text-muted);line-height:1.6;margin-bottom:16px;max-height:80px;border-left:3px solid var(--danger)}.original-text-box,.report-original-text{background:var(--surface2);overflow-y:auto}.original-text-box{border-radius:10px;padding:16px;font-size:14px;color:var(--text);line-height:1.8;max-height:400px;border-left:3px solid var(--primary);white-space:pre-wrap;word-break:break-word}.report-reason-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.report-reason-btn{display:flex;align-items:center;gap:8px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text-muted);font-size:13px;cursor:pointer;transition:background .15s,color .15s,border-color .15s,opacity .15s}.report-reason-btn.active,.report-reason-btn:hover{border-color:var(--danger);color:#f87171;background:rgba(239,68,68,.06)}.report-reason-btn i{width:16px;text-align:center}.report-detail-input{width:100%;background:var(--surface2);border:1px solid var(--border-input);border-radius:8px;padding:10px 12px;color:var(--text);font-size:13px;resize:none;min-height:60px;line-height:1.5;margin-bottom:16px;font-family:inherit}.report-detail-input:focus{border-color:var(--danger);outline:none}.report-detail-input::placeholder{color:var(--text-muted)}.report-submit-btn{width:100%;padding:12px;background:var(--danger);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.report-submit-btn:hover{background:#dc2626}.report-submit-btn:disabled{opacity:.5;cursor:not-allowed}.report-cancel-btn{width:100%;padding:10px;background:transparent;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;margin-top:6px}.report-cancel-btn:hover{color:var(--text-sub)}.bottom-nav{display:none;width:100%;flex-shrink:0;z-index:99999;background:var(--header-bg);backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);border-top:1px solid var(--border);padding:4px 8px calc(env(safe-area-inset-bottom, 6px) + 2px);justify-content:space-around;align-items:center}.bottom-nav.active{display:flex}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--text-muted);font-size:10px;font-weight:600;padding:6px 10px;border-radius:12px;transition:color .2s,background .2s,transform .12s;-webkit-tap-highlight-color:transparent;position:relative;letter-spacing:.01em;min-width:52px}.bottom-nav-item i{font-size:19px;transition:color .2s,transform .15s}.bottom-nav-item.active,.bottom-nav-item.active i{color:var(--primary)}.bottom-nav-item.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:4px;height:4px;background:var(--primary);border-radius:50%}.bottom-nav-item:active{transform:scale(.88)}.bottom-nav-item.bnav-center{position:relative}.bottom-nav-item.bnav-center i{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#006A63,var(--primary-container));color:#fff!important;border-radius:14px;font-size:17px;box-shadow:0 4px 14px rgba(0,106,99,.35);transition:transform .15s,box-shadow .15s;animation:pulseBreath 3s ease-in-out infinite}.bottom-nav-item.bnav-center span{color:var(--primary);font-weight:700}.bottom-nav-item.bnav-center:active i{transform:scale(.92)}.bottom-nav-item.bnav-center.active:after{display:none}.app-search-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;color:var(--text-sub);font-size:16px;transition:background .15s,color .15s;text-decoration:none;flex-shrink:0}.app-search-btn:hover{color:var(--text);background:var(--surface2)}body.has-bottom-nav{height:100vh;height:100dvh;overflow:hidden!important}body.has-bottom-nav .site-header{position:relative;flex-shrink:0}body.has-bottom-nav .app-body{flex:1 1;overflow-y:auto;min-height:0}body.has-bottom-nav .site-footer{display:none}body.has-bottom-nav .inquiry-fab{bottom:76px}body.has-bottom-nav .inquiry-panel{bottom:140px}body.has-bottom-nav .ex-wrap,body.has-bottom-nav .explore-card{height:100%}body.has-bottom-nav .quick-nav{display:none}body.has-bottom-nav .weekly-ticker{display:none!important}body.has-bottom-nav .home-ad-slot{display:none}body.has-bottom-nav .content-wrap{padding-bottom:20px}body.has-bottom-nav .carousel-wrap{padding:0}body.has-bottom-nav .carousel-arrow{display:none}body.has-bottom-nav .recommend-card,body.has-bottom-nav .row-scroll .novel-card,body.has-bottom-nav .top10-item{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 20px) / 2.8);min-width:125px;max-width:155px}body.has-bottom-nav .novel-card{border:none;background:transparent;border-radius:12px}body.has-bottom-nav .novel-thumbnail,body.has-bottom-nav .recommend-card-thumb,body.has-bottom-nav .top10-card-thumb{padding-top:140%;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.25)}body.has-bottom-nav .top10-rank-badge{font-size:28px;padding:0 6px 2px;font-weight:900}body.has-bottom-nav .novel-card-body{padding:8px 2px;gap:2px;background:transparent}body.has-bottom-nav .novel-card-title{font-size:13px;font-weight:700}body.has-bottom-nav .novel-card-author{font-size:11px;opacity:.55}body.has-bottom-nav .novel-card-stats{font-size:10px;opacity:.45}body.has-bottom-nav .recommend-scroll,body.has-bottom-nav .row-scroll,body.has-bottom-nav .top10-scroll{gap:10px;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}body.has-bottom-nav .hero{height:320px;border-radius:0}body.has-bottom-nav .hero-content{bottom:52px;left:20px;max-width:80%}body.has-bottom-nav .hero-title{font-size:22px;font-weight:800;letter-spacing:-.02em}body.has-bottom-nav .hero-desc{font-size:13px;-webkit-line-clamp:2;opacity:.85}body.has-bottom-nav .hero-controls{bottom:12px;left:20px}body.has-bottom-nav .hero-cover-bubble{display:none}body.has-bottom-nav .btn-hero-primary{padding:10px 24px;font-size:13px;font-weight:700;border-radius:24px;box-shadow:0 4px 16px rgba(0,106,99,.4)}body.has-bottom-nav .section-header{margin-bottom:12px}body.has-bottom-nav .section-title{font-size:17px;font-weight:800}body.has-bottom-nav .main-wrap{gap:28px;padding:20px 16px 24px}@media (max-width:480px){body.has-bottom-nav .inquiry-fab{bottom:72px}body.has-bottom-nav .inquiry-panel{bottom:132px}}.spoiler{background:#333;color:transparent;border-radius:3px;padding:0 4px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .2s,background .2s}.spoiler.revealed,.spoiler:hover{color:inherit;background:rgba(0,106,99,.15)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button:active:not(:disabled){transform:scale(.97)}.skeleton{background:linear-gradient(90deg,var(--surface2) 25%,rgba(0,106,99,.06) 50%,var(--surface2) 75%);background-size:200% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.novel-card-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(255,255,255,.08);border-radius:0 0 var(--radius) var(--radius);overflow:hidden}.novel-card-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-container));border-radius:inherit;transition:width .5s var(--ease-out-expo);box-shadow:0 0 6px rgba(0,106,99,.4)}.novel-card-progress-text{position:absolute;bottom:6px;right:8px;font-size:10px;font-weight:700;color:var(--primary-container);background:rgba(13,13,24,.75);padding:1px 5px;border-radius:4px;pointer-events:none}.empty-state{text-align:center;padding:56px 20px;color:var(--text-muted)}.empty-state-icon{font-size:52px;margin-bottom:16px;opacity:.5}.empty-state p{font-size:15px;line-height:1.6}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(var(--primary-rgb),.3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--primary-rgb),.55)}.novel-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:4px;font-size:10px;font-weight:700;line-height:1.4;letter-spacing:.02em}.novel-badge.badge-new{background:rgba(16,185,129,.15);color:var(--success)}.novel-badge.badge-complete{background:rgba(59,130,246,.15);color:#60a5fa}.novel-badge.badge-ongoing{background:rgba(var(--primary-rgb),.15);color:var(--primary-text)}@media (max-width:600px){.header-inner{flex-wrap:wrap;height:auto;padding:10px 14px 8px;gap:0;align-items:center}.logo{order:0}.header-right{order:0;margin-left:auto}.header-search{max-width:none;width:100%;flex-basis:100%;order:1;padding:0;margin-top:8px;margin-bottom:4px}.search-inner{min-height:36px}.hero{height:230px}.hero-content{left:16px;bottom:36px;max-width:82%}.hero-title{font-size:18px;line-height:1.3}.hero-desc{font-size:12px;-webkit-line-clamp:2}.btn-hero-secondary,.hero-cover-bubble,.hero-stats{display:none}.hero-controls{bottom:8px;left:16px}.btn-hero-primary{padding:9px 16px;font-size:13px}.quick-nav{gap:10px;padding:12px 8px 10px}.quick-nav-icon{width:44px;height:44px;font-size:18px}.quick-nav-item{font-size:10px;gap:5px}.logo-text{font-size:17px}}body.has-mobile-bottom-nav .bottom-nav{position:fixed;bottom:0;left:0;right:0}body.has-mobile-bottom-nav .quick-nav{display:none}body.has-mobile-bottom-nav .quick-nav-bar{gap:8px;padding:16px 12px 12px;overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch}body.has-mobile-bottom-nav .quick-nav-bar .quick-nav-icon{width:40px;height:40px;font-size:16px;border-radius:10px}body.has-mobile-bottom-nav .quick-nav-bar .quick-nav-item{font-size:10px;gap:6px;min-width:56px}body.has-mobile-bottom-nav .weekly-ticker{display:none!important}body.has-mobile-bottom-nav .home-ad-slot,body.has-mobile-bottom-nav .site-footer{display:none}body.has-mobile-bottom-nav .app-body{padding-bottom:76px}body.has-mobile-bottom-nav .content-wrap{padding-bottom:8px}body.has-mobile-bottom-nav .header-search,body.has-mobile-bottom-nav .inquiry-fab,body.has-mobile-bottom-nav .inquiry-panel{display:none!important}body.has-mobile-bottom-nav .site-header{background:var(--header-bg);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border-bottom:1px solid var(--border)}body.has-mobile-bottom-nav .header-inner{flex-wrap:nowrap;height:52px;padding:0 16px}body.has-mobile-bottom-nav .ex-wrap{height:calc(100svh - 128px)}body.has-mobile-bottom-nav .hero{height:260px;border-radius:0;margin:0}body.has-mobile-bottom-nav .hero-carousel{height:280px;border-radius:12px;margin:8px auto 12px}body.has-mobile-bottom-nav .hero-card{width:calc(100% - 16px);left:8px}body.has-mobile-bottom-nav .hero-card.prev-1{transform:translateX(calc(-100% + 8px)) scale(.94);opacity:.15}body.has-mobile-bottom-nav .hero-card.next-1{transform:translateX(calc(100% - 8px)) scale(.94);opacity:.15}body.has-mobile-bottom-nav .hero-cover-bubble{display:none}body.has-mobile-bottom-nav .hero-title{font-size:20px;font-weight:800;letter-spacing:-.03em;line-height:1.3}body.has-mobile-bottom-nav .hero-desc{font-size:12px;-webkit-line-clamp:2;opacity:.8;line-height:1.5;margin-top:4px}body.has-mobile-bottom-nav .hero-content{left:20px;bottom:44px;max-width:75%}body.has-mobile-bottom-nav .hero-controls{bottom:10px;left:20px}body.has-mobile-bottom-nav .btn-hero-secondary,body.has-mobile-bottom-nav .hero-stats{display:none}body.has-mobile-bottom-nav .btn-hero-primary{padding:10px 22px;font-size:13px;font-weight:700;border-radius:24px;box-shadow:0 4px 16px rgba(0,106,99,.4);margin-top:10px}body.has-mobile-bottom-nav .hero-dots{gap:6px}body.has-mobile-bottom-nav .hero-dot{width:6px;height:6px}body.has-mobile-bottom-nav .hero-dot.active{width:18px;border-radius:4px}body.has-mobile-bottom-nav .main-wrap{padding:20px 0 32px;gap:32px;display:flex;flex-direction:column}body.has-mobile-bottom-nav .section-header{margin-bottom:14px;padding:0 16px;align-items:center}body.has-mobile-bottom-nav .section-title{font-size:18px;font-weight:800;letter-spacing:-.01em}body.has-mobile-bottom-nav .section-desc{font-size:12px;opacity:.5}body.has-mobile-bottom-nav .section-see-all{min-height:36px;display:flex;align-items:center;padding:0 4px;font-size:12px;color:var(--primary);font-weight:600}body.has-mobile-bottom-nav .carousel-wrap{padding:0}body.has-mobile-bottom-nav .carousel-arrow{display:none}body.has-mobile-bottom-nav .recommend-scroll,body.has-mobile-bottom-nav .row-scroll,body.has-mobile-bottom-nav .top10-scroll{padding-left:16px;padding-right:16px;gap:12px;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scroll-padding-left:16px;padding-bottom:4px}body.has-mobile-bottom-nav .recommend-card,body.has-mobile-bottom-nav .row-scroll .novel-card,body.has-mobile-bottom-nav .top10-item{flex:0 0 120px;min-width:120px;max-width:140px}body.has-mobile-bottom-nav .novel-card{border:none;background:transparent;border-radius:12px;overflow:visible}body.has-mobile-bottom-nav .novel-card:hover{box-shadow:none;border-color:transparent}body.has-mobile-bottom-nav .novel-thumbnail{padding-top:145%;border-radius:10px;overflow:hidden;box-shadow:0 3px 16px rgba(0,0,0,.3)}body.has-mobile-bottom-nav .recommend-card{border:none;background:transparent;border-radius:12px}body.has-mobile-bottom-nav .recommend-card-thumb,body.has-mobile-bottom-nav .top10-card-thumb{padding-top:145%;border-radius:10px;overflow:hidden;box-shadow:0 3px 16px rgba(0,0,0,.3)}body.has-mobile-bottom-nav .top10-item{background:transparent;border:none}body.has-mobile-bottom-nav .novel-card-body{padding:10px 2px 4px;gap:3px;background:transparent}body.has-mobile-bottom-nav .novel-card-title{font-size:13.5px;font-weight:700;line-height:1.35;letter-spacing:-.01em;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}body.has-mobile-bottom-nav .novel-card-author{font-size:11.5px;opacity:.55;margin-top:1px}body.has-mobile-bottom-nav .novel-card-stats{font-size:10px;opacity:.45}body.has-mobile-bottom-nav .recommend-card-body{padding:10px 2px 4px}body.has-mobile-bottom-nav .recommend-card-title{font-size:13.5px;font-weight:700;line-height:1.35;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}body.has-mobile-bottom-nav .recommend-card-author{font-size:11.5px;opacity:.55}body.has-mobile-bottom-nav .top10-rank-badge{font-size:26px;padding:0 6px 2px;font-weight:900}body.has-mobile-bottom-nav .top10-card-body{padding:10px 2px 4px}body.has-mobile-bottom-nav .top10-card-title{font-size:13.5px;font-weight:700;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}body.has-mobile-bottom-nav .top10-card-author{font-size:11.5px;opacity:.55}body.has-mobile-bottom-nav .status-filter-bar{padding:0 16px;margin-top:8px}body.has-mobile-bottom-nav .mobile-genre-strip{padding:12px 16px 8px;gap:8px}body.has-mobile-bottom-nav .surge-grid{grid-template-columns:1fr;gap:8px;padding:0 16px}body.has-mobile-bottom-nav .surge-card{padding:14px 16px;gap:14px;border-radius:14px;border:1px solid var(--border);background:var(--surface)}body.has-mobile-bottom-nav .surge-card:active{transform:scale(.98);opacity:.85}body.has-mobile-bottom-nav .surge-thumb{border-radius:8px;width:48px;height:64px;flex-shrink:0}.mobile-search-overlay{position:fixed;inset:0;z-index:9000;background:var(--bg,#0d0d18);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .22s cubic-bezier(.4,0,.2,1);will-change:transform}.mobile-search-overlay.open{transform:translateX(0)}body.mso-open{overflow:hidden}.mso-header{gap:10px;padding:10px 12px;border-bottom:1px solid var(--border,rgba(255,255,255,.07));background:var(--header-bg,#0d0d18)}.mso-back-btn,.mso-header{display:flex;align-items:center;flex-shrink:0}.mso-back-btn{background:none;border:none;color:var(--text-secondary,#a0a0c0);font-size:18px;cursor:pointer;width:36px;height:36px;justify-content:center;border-radius:50%;transition:background .15s}.mso-back-btn:hover{background:var(--hover-bg,rgba(255,255,255,.08))}.mso-input-wrap{flex:1 1;position:relative;display:flex;align-items:center}.mso-input-icon{position:absolute;left:12px;color:var(--text-muted,#666);font-size:14px;pointer-events:none}.mso-input{width:100%;height:40px;background:var(--surface,rgba(255,255,255,.06));border:1.5px solid var(--border-input,rgba(255,255,255,.1));border-radius:20px;padding:0 36px;color:var(--text,#e0e0f0);font-size:15px;outline:none;transition:border-color .15s;-webkit-appearance:none}.mso-input:focus{border-color:var(--primary,#006A63)}.mso-input::placeholder{color:var(--text-muted,#666)}.mso-input::-webkit-search-cancel-button{display:none}.mso-clear-btn{position:absolute;right:8px;background:var(--hover-bg,rgba(255,255,255,.12));border:none;color:var(--text-sub,#c0c0d8);width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px}.mso-body{flex:1 1;overflow-y:auto;overscroll-behavior:contain;padding:0 0 20px}.mso-explore-banner{display:flex;align-items:center;gap:14px;margin:12px 16px 0;padding:14px 16px;background:linear-gradient(135deg,rgba(0,106,99,.12),rgba(45,212,191,.08));border:1px solid rgba(0,106,99,.2);border-radius:14px;text-decoration:none;color:var(--text);-webkit-tap-highlight-color:transparent;transition:transform .12s,background .15s}.mso-explore-banner:active{transform:scale(.97);background:linear-gradient(135deg,rgba(0,106,99,.18),rgba(45,212,191,.12))}.mso-explore-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#006A63,var(--primary-container));display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:18px;box-shadow:0 3px 12px rgba(0,106,99,.3)}.mso-explore-text{display:flex;flex-direction:column;gap:2px;flex:1 1;min-width:0}.mso-explore-title{font-size:14px;font-weight:700;letter-spacing:-.01em}.mso-explore-desc{font-size:11.5px;color:var(--text-muted);opacity:.7}.mso-explore-arrow{color:var(--text-muted);font-size:13px;opacity:.5;flex-shrink:0}.mso-section{padding:18px 16px 4px}.mso-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted,#666);margin-bottom:10px}.mso-recent-item{display:flex;align-items:center;gap:10px;padding:10px 4px;cursor:pointer;border-radius:8px;color:var(--text-sub,#d0d0e8);font-size:14px;transition:background .12s}.mso-recent-item:hover{background:var(--hover-bg,rgba(255,255,255,.05))}.mso-recent-item>i{color:var(--text-muted,#666);font-size:13px}.mso-recent-item>span{flex:1 1}.mso-recent-del{background:none;border:none;color:var(--text-muted,#666);font-size:12px;cursor:pointer;padding:4px 6px;border-radius:4px;opacity:.7;transition:opacity .12s}.mso-recent-del:hover{opacity:1}.mso-genre-row{display:flex;flex-wrap:wrap;gap:8px}.mso-genre-chip{background:none;border:1.5px solid;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.mso-genre-chip:active{opacity:.7;transform:scale(.96)}.mso-rank-item{display:flex;align-items:center;gap:12px;padding:11px 4px;cursor:pointer;border-radius:8px;transition:background .12s}.mso-rank-item:hover{background:var(--hover-bg,rgba(255,255,255,.04))}.mso-rank-num{font-size:16px;font-weight:800;color:var(--text-muted,#666);min-width:22px;text-align:center}.mso-rank-num.top{color:var(--primary,#006A63)}.mso-rank-info{flex:1 1;display:flex;flex-direction:column;gap:2px;overflow:hidden}.mso-rank-title{font-size:14px;font-weight:600;color:var(--text,#e0e0f0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mso-rank-meta,.mso-rank-views{font-size:11px;color:var(--text-muted,#666)}.mso-rank-views{flex-shrink:0}.mso-result-item{display:flex;align-items:center;gap:12px;padding:10px 4px;cursor:pointer;border-radius:8px;transition:background .12s}.mso-result-item:hover{background:var(--hover-bg,rgba(255,255,255,.04))}.mso-result-thumb{width:44px;height:56px;border-radius:6px;object-fit:cover;flex-shrink:0}.mso-result-no-img{display:flex;align-items:center;justify-content:center;color:var(--text-muted,rgba(255,255,255,.5));font-size:16px}.mso-result-info{flex:1 1;display:flex;flex-direction:column;gap:3px;overflow:hidden}.mso-result-title{font-size:14px;font-weight:600;color:var(--text,#e0e0f0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mso-result-meta{font-size:11px;color:var(--text-muted,#666)}.mso-result-arrow{color:var(--text-muted,#666);font-size:12px;flex-shrink:0}.mso-empty-hint{font-size:13px;color:var(--text-muted,#666);padding:4px 4px 8px}.mso-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 20px;gap:16px;color:var(--text-muted,#666)}.mso-no-results i{font-size:40px;opacity:.4}.mso-no-results p{font-size:14px;text-align:center;margin:0}body.has-mobile-bottom-nav .hdr-btn{width:40px;height:40px;font-size:17px;border-radius:12px}body.has-mobile-bottom-nav .row-scroll .novel-card,body.has-mobile-bottom-nav .row-scroll .recommend-card,body.has-mobile-bottom-nav .top10-item{scroll-snap-align:start}body.has-mobile-bottom-nav .novel-card,body.has-mobile-bottom-nav .recommend-card,body.has-mobile-bottom-nav .surge-card,body.has-mobile-bottom-nav .top10-item{-webkit-tap-highlight-color:transparent;cursor:pointer;transition:transform .12s ease}body.has-mobile-bottom-nav .novel-card:active,body.has-mobile-bottom-nav .recommend-card:active,body.has-mobile-bottom-nav .top10-item:active{transform:scale(.96)}body.has-mobile-bottom-nav .surge-title{white-space:normal;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.mobile-genre-strip{display:flex;gap:8px;overflow-x:auto;padding:16px 16px 12px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;position:relative;mask-image:linear-gradient(90deg,black 85%,transparent);-webkit-mask-image:linear-gradient(90deg,black 85%,transparent)}.mobile-genre-strip::-webkit-scrollbar{display:none}.mobile-genre-chip{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:8px 16px;border-radius:22px;font-size:12px;font-weight:700;border:1.5px solid;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;text-decoration:none;flex-shrink:0;transition:transform .1s,opacity .1s,background .15s;letter-spacing:.01em}.mobile-genre-chip:active{transform:scale(.93);opacity:.7}@keyframes mobileModalUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width:767px){.novel-modal-overlay{align-items:flex-end;padding:0;background:rgba(0,0,0,.6)}.novel-modal-panel{max-width:100%;width:100%;border-radius:24px 24px 0 0;max-height:92svh;animation:mobileModalUp .32s cubic-bezier(.32,.72,0,1);background:var(--surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.novel-modal-hero{height:220px}.novel-modal-title{font-size:22px;font-weight:800;letter-spacing:-.02em}.novel-modal-close{top:16px;right:14px}}body.has-mobile-bottom-nav .hdr-login-btn{padding:8px 20px;font-size:13px;font-weight:700;border-radius:22px}.nm-sheet-handle{width:40px;height:4px;background:rgba(255,255,255,.18);border-radius:2px;margin:12px auto 4px;flex-shrink:0}body.has-mobile-bottom-nav .mp-wrap{padding-top:0;padding-left:0;padding-right:0;height:calc(100dvh - 128px);max-width:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:none}body.has-mobile-bottom-nav .mp-profile-card{border-radius:0;border-left:none;border-right:none;margin-top:0}body.has-mobile-bottom-nav .mp-banner{height:80px}body.has-mobile-bottom-nav .mp-avatar-wrap{margin-left:16px;margin-top:-28px}body.has-mobile-bottom-nav .mp-avatar{width:56px;height:56px}body.has-mobile-bottom-nav .mp-avatar i{font-size:24px!important}body.has-mobile-bottom-nav .mp-profile-body{padding:8px 16px 0}body.has-mobile-bottom-nav .mp-nickname{font-size:17px}body.has-mobile-bottom-nav .mp-usercode{font-size:11px}body.has-mobile-bottom-nav .mp-stats{padding:10px 12px 16px;gap:6px}body.has-mobile-bottom-nav .mp-stat{padding:8px 10px;min-width:0;flex:1 1}body.has-mobile-bottom-nav .mp-stat-num{font-size:15px}body.has-mobile-bottom-nav .mp-stat-label{font-size:10px}body.has-mobile-bottom-nav .mp-tabs{padding:0 16px;gap:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-bottom:16px;position:-webkit-sticky;position:sticky;top:0;z-index:10;background:var(--bg)}body.has-mobile-bottom-nav .mp-tabs::-webkit-scrollbar{display:none}body.has-mobile-bottom-nav .mp-tab{padding:10px 14px;font-size:13px;white-space:nowrap;flex-shrink:0}body.has-mobile-bottom-nav .mp-panel{padding:0 16px}body.has-mobile-bottom-nav .mp-empty{padding:40px 20px}body.has-mobile-bottom-nav .mp-follow-item{flex-wrap:wrap}body.has-mobile-bottom-nav .mp-follow-novels{width:100%;margin-top:4px}body.has-mobile-bottom-nav .mp-author-header,body.has-mobile-bottom-nav .mp-author-stats{flex-wrap:wrap}body.has-mobile-bottom-nav .mp-author-actions{flex-direction:column}body.has-mobile-bottom-nav .notif-settings-card{margin:0;border-radius:12px}body.has-mobile-bottom-nav .mp-novels-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}body.has-mobile-bottom-nav .settle-wrap{padding:16px 14px}body.has-mobile-bottom-nav .settle-columns{grid-template-columns:1fr;gap:16px}body.has-mobile-bottom-nav .settle-checks{flex-direction:column;gap:10px}body.has-mobile-bottom-nav .mp-modal{width:100%;max-width:100%;border-radius:20px 20px 0 0;max-height:90svh}body.has-mobile-bottom-nav .community-wrap,body.has-mobile-bottom-nav .page-wrap,body.has-mobile-bottom-nav .upload-wrap{padding-left:16px;padding-right:16px;padding-bottom:28px}body.has-mobile-bottom-nav .auth-card{border-radius:0;min-height:calc(100svh - 52px);display:flex;flex-direction:column;justify-content:center}body.has-mobile-bottom-nav .mp-tab,body.has-mobile-bottom-nav .tab-btn{min-height:44px;-webkit-tap-highlight-color:transparent}body.has-mobile-bottom-nav .notif-panel{right:0;left:0;border-radius:0 0 18px 18px;max-width:100%;background:var(--surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:none;border-bottom:1px solid var(--border)}.skeleton-pulse{background:linear-gradient(90deg,var(--surface2) 25%,rgba(0,106,99,.06) 50%,var(--surface2) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:8px}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-line{height:14px;margin-bottom:10px}.skeleton-line.w60{width:60%}.skeleton-line.w80{width:80%}.skeleton-line.w40{width:40%}.skeleton-card{border-radius:var(--radius);overflow:hidden;background:var(--surface);border:1px solid var(--border)}.skeleton-card-thumb{width:100%;padding-top:140%;background:var(--surface2)}.skeleton-card-body{padding:12px}.skeleton-avatar{width:48px;height:48px;border-radius:50%}.skeleton-row{display:flex;gap:12px;align-items:center;padding:14px 0}body.has-mobile-bottom-nav a,body.has-mobile-bottom-nav button{-webkit-tap-highlight-color:transparent}body.has-mobile-bottom-nav .comm-layout,body.has-mobile-bottom-nav .notice-wrap,body.has-mobile-bottom-nav .sp-layout{padding-bottom:24px}.hp-popover{display:flex;flex-direction:row;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius,12px);box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden;opacity:0;transform:scale(var(--start-sx,.36),var(--start-sy,.36));transform-origin:left top;pointer-events:none;cursor:pointer;transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .18s cubic-bezier(.16,1,.3,1),box-shadow .32s cubic-bezier(.16,1,.3,1);will-change:transform,opacity,box-shadow}html.dark-mode .hp-popover{box-shadow:0 2px 8px rgba(0,0,0,.25)}.hp-popover.hp-popover-enter{opacity:1;transform:scale(1);pointer-events:auto;box-shadow:0 16px 48px rgba(0,0,0,.22),0 0 0 1px rgba(0,0,0,.04);transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .18s cubic-bezier(.16,1,.3,1),box-shadow .32s cubic-bezier(.16,1,.3,1)}html.dark-mode .hp-popover.hp-popover-enter{box-shadow:0 16px 48px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.05)}.hp-popover.hp-popover-exit{opacity:0;transform:scale(var(--start-sx,.36),var(--start-sy,.36));pointer-events:none;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:transform .18s cubic-bezier(.4,0,1,1),opacity .12s cubic-bezier(.4,0,1,1),box-shadow .18s cubic-bezier(.4,0,1,1)}.hp-info>*{opacity:0;transform:translateY(6px)}.hp-popover.hp-popover-enter .hp-info>*{opacity:1;transform:translateY(0);transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)}.hp-popover.hp-popover-enter .hp-info>:first-child{transition-delay:80ms}.hp-popover.hp-popover-enter .hp-info>:nth-child(2){transition-delay:.12s}.hp-popover.hp-popover-enter:hover{box-shadow:0 20px 56px rgba(0,0,0,.26),0 0 0 1px rgba(0,0,0,.06)}html.dark-mode .hp-popover.hp-popover-enter:hover{box-shadow:0 20px 56px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.07)}.recommend-card.hp-active:hover{transform:none}.hp-cover{flex:0 0 217px;position:relative;overflow:hidden}.hp-cover img{width:100%;height:100%;object-fit:cover;transform:scale(1.15);transition:transform .36s cubic-bezier(.16,1,.3,1) 60ms}.hp-popover.hp-popover-enter .hp-cover img{transform:scale(1)}.hp-popover.hp-popover-exit .hp-cover img{transform:scale(1.15);transition-delay:0s;transition-duration:.14s}.hp-cover-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px}.hp-cover-fallback-initial{font-size:52px;font-weight:900;color:rgba(255,255,255,.6);line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.3)}.hp-cover-fallback-label{font-size:11px;color:rgba(255,255,255,.4);text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hp-info{padding:16px 18px 14px;min-width:0}.hp-info,.hp-info-top{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.hp-info-top{gap:4px;min-height:0}.hp-title{font-size:16px;font-weight:800;color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.hp-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-sub)}.hp-author{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-genre{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.hp-stats{display:flex;gap:12px;font-size:12px;color:var(--text-muted)}.hp-stats i{margin-right:3px;font-size:11px}.hp-stats .fa-eye{color:var(--info,#3b82f6)}.hp-stats .fa-heart{color:#f87171}.hp-stats .fa-book-open{color:var(--primary)}.hp-synopsis{font-size:13px;line-height:1.55;color:var(--text-secondary,var(--text-sub));display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:2px 0 0}.hp-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.hp-tag{font-size:11px;font-weight:500;color:var(--primary-text,var(--primary));background:var(--primary-light);padding:2px 7px;border-radius:4px}.hp-actions{margin-top:auto;display:flex;flex-direction:column;gap:6px;padding-top:8px}.hp-actions-row{display:flex;gap:6px;align-items:center}.hp-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 0;border-radius:7px;font-size:12.5px;font-weight:600;border:none;cursor:pointer;text-decoration:none;font-family:inherit;transition:background .15s,color .15s,opacity .15s;white-space:nowrap}.hp-btn i{font-size:11px}.hp-btn-primary{flex:1 1;background:var(--primary);color:#fff}.hp-btn-primary:hover{background:var(--primary-hover,#005A54)}.hp-btn-primary:disabled{background:var(--surface2);color:var(--text-muted);cursor:default}.hp-btn-sub{flex:0 0 auto;padding:7px 14px;background:var(--surface2);color:var(--text-sub);border:1px solid var(--border)}.hp-btn-sub:hover{border-color:var(--primary)}.hp-btn-sub.subscribed,.hp-btn-sub:hover{color:var(--primary);background:var(--primary-light)}.hp-btn-sub.subscribed{border-color:rgba(0,106,99,.35)}.hp-btn-icon{width:34px;height:34px;padding:0;border-radius:50%;background:var(--surface2);color:var(--text-sub);border:1px solid var(--border);font-size:14px}.hp-btn-icon:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.hp-rating-wrap{position:relative}.hp-rating-options{display:flex;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:3px;box-shadow:0 4px 16px rgba(0,0,0,.15)}.hp-rate-btn{width:32px;height:32px;border-radius:50%;border:none;background:transparent;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;gap:1px;color:var(--text-sub);transition:background .12s,color .12s,transform .12s}.hp-rate-btn:hover{background:var(--primary-light);color:var(--primary);transform:scale(1.12)}@media (max-width:767px){.hp-popover{display:none!important}}.post-page{padding:28px 56px 60px}.back-btn{gap:6px;font-size:14px;background:none;border:none;padding:8px 0;transition:color .15s}.article{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.article-header{gap:12px;padding:24px 32px 0}.article-header,.notice-av{display:flex;align-items:center}.notice-av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#006A63,var(--primary-container));color:#fff;font-size:17px;justify-content:center;flex-shrink:0}.article-info{flex:1 1;min-width:0}.article-label{font-size:15px;font-weight:700;color:var(--text)}.article-date{font-size:12px;color:var(--text-muted);margin-top:2px}.pin-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:20px;background:rgba(245,158,11,.1);color:#f59e0b;font-size:11px;font-weight:600;flex-shrink:0}.article-title{padding:20px 32px 0;font-size:22px;line-height:1.45}.article-body{padding:16px 32px 32px;line-height:2;white-space:pre-wrap}.article-footer{display:flex;align-items:center;padding:14px 32px;border-top:1px solid var(--border)}.share-btn{margin-left:auto;display:inline-flex;align-items:center;gap:5px;padding:9px 16px;border-radius:24px;font-size:13px;font-weight:600;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:color .15s}.share-btn:hover{color:var(--primary)}.notice-nav{margin-top:16px;background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.notice-nav-item{display:flex;align-items:center;gap:12px;padding:16px 32px;text-decoration:none;color:inherit;transition:background .12s}.notice-nav-item:hover{background:var(--surface2)}.notice-nav-item+.notice-nav-item{border-top:1px solid var(--border)}.nav-direction{font-size:12px;font-weight:600;color:var(--text-muted);min-width:50px;flex-shrink:0}.nav-title{flex:1 1;font-size:14px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:600px){.post-page{padding:16px 0 40px}.back-row{padding:0 16px}.article-body,.article-header,.article-title{padding-left:20px;padding-right:20px}.article-footer{padding:12px 20px}.notice-nav-item{padding:14px 20px}.article-title{font-size:18px}}.notice-wrap{max-width:1280px;margin:0 auto;padding:28px 56px 48px;width:100%;box-sizing:border-box}.notice-header{justify-content:space-between;margin-bottom:24px;gap:12px;padding-bottom:16px;border-bottom:2px solid transparent;border-image:linear-gradient(90deg,#006A63,var(--primary-container),transparent) 1}.notice-header,.notice-title-h{display:flex;align-items:center}.notice-title-h{font-size:22px;font-weight:800;color:var(--text);gap:10px;letter-spacing:-.02em}.notice-search{display:flex;align-items:center;position:relative;background:var(--surface);border:1.5px solid var(--border);border-radius:10px;padding:0 12px 0 36px;transition:border-color .2s;flex-shrink:0}.notice-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,106,99,.06)}.notice-search-icon{position:absolute;left:12px;color:var(--text-muted);font-size:13px;pointer-events:none}.notice-search input{border:none;background:transparent;padding:9px 0;color:var(--text);font-size:13px;outline:none;font-family:inherit;width:180px}.notice-search input::placeholder{color:var(--text-muted)}.notice-list{display:flex;flex-direction:column;gap:12px}.notice-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px 28px;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);text-decoration:none;color:inherit;display:block;box-shadow:0 2px 12px rgba(0,0,0,.04)}.notice-card:hover{background:var(--surface2);border-color:rgba(0,106,99,.25);box-shadow:0 8px 28px rgba(0,106,99,.1);transform:translateY(-2px)}.notice-card-top{gap:10px;margin-bottom:10px}.notice-card-top,.notice-icon{display:flex;align-items:center}.notice-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#006A63,var(--primary-container));color:#fff;font-size:15px;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px rgba(0,106,99,.25);transition:transform .2s}.notice-card:hover .notice-icon{transform:scale(1.08)}.notice-card-meta{flex:1 1;display:flex;flex-direction:column;gap:1px}.notice-card-label{font-size:14px;font-weight:600;color:var(--text);line-height:1.3}.notice-card-date{font-size:12px;color:var(--text-muted);line-height:1.3}.notice-pin-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;background:linear-gradient(135deg,rgba(245,158,11,.12),rgba(251,191,36,.12));color:#f59e0b;font-size:11px;font-weight:700;flex-shrink:0;box-shadow:0 1px 4px rgba(245,158,11,.15)}.notice-card-title{font-size:16px;font-weight:800;color:var(--text);line-height:1.45;margin-bottom:6px;letter-spacing:-.01em}.notice-card-preview{font-size:14px;color:var(--text-sub);line-height:1.7;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;opacity:.85}.notice-card:hover .notice-card-preview{opacity:1}.notice-empty{text-align:center;padding:60px 0;color:var(--text-muted);font-size:14px}@keyframes noticeCardSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.notice-card{animation:noticeCardSlideIn .4s cubic-bezier(.16,1,.3,1) both}.notice-card:first-child{animation-delay:0s}.notice-card:nth-child(2){animation-delay:.06s}.notice-card:nth-child(3){animation-delay:.12s}.notice-card:nth-child(4){animation-delay:.18s}.notice-card:nth-child(5){animation-delay:.24s}@media (max-width:600px){.notice-wrap{padding:16px 12px 40px}.notice-header{padding:0 4px}.notice-card{padding:18px 16px;border-radius:14px}.notice-icon{width:36px;height:36px;font-size:14px}}.shop-wrap{max-width:1280px;margin:0 auto;padding:28px 56px 48px;width:100%;box-sizing:border-box}.shop-header{justify-content:space-between;margin-bottom:24px;gap:12px;padding-bottom:16px;border-bottom:2px solid transparent;border-image:linear-gradient(90deg,#ef4444,#f87171,transparent) 1}.shop-header,.shop-title-h{display:flex;align-items:center}.shop-title-h{font-size:22px;font-weight:800;color:var(--text);gap:10px;letter-spacing:-.02em}.shop-desc{color:var(--text-muted);font-size:14px}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px}.shop-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;text-align:center;transition:all .22s cubic-bezier(.16,1,.3,1);cursor:pointer;box-shadow:0 2px 12px rgba(0,0,0,.04)}.shop-card:hover{background:var(--surface2);transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,.08)}.shop-card-icon{width:64px;height:64px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:28px}.shop-card h3{font-size:15px;font-weight:600;margin-bottom:4px}.shop-card p{color:var(--text-muted);font-size:12px;margin-bottom:12px}.shop-card-price{font-size:16px;font-weight:700;color:var(--primary);margin-bottom:12px}.shop-buy-btn{padding:8px 24px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--primary-container));color:#fff;border:none;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px rgba(0,106,99,.25)}.shop-buy-btn:hover{opacity:.9;transform:translateY(-1px)}.shop-empty{text-align:center;padding:60px 0;color:var(--text-muted);font-size:14px}.shop-empty i{font-size:48px;margin-bottom:16px;display:block}@keyframes shopCardSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.shop-card{animation:shopCardSlideIn .4s cubic-bezier(.16,1,.3,1) both}.shop-card:first-child{animation-delay:0s}.shop-card:nth-child(2){animation-delay:.06s}.shop-card:nth-child(3){animation-delay:.12s}.shop-card:nth-child(4){animation-delay:.18s}.shop-card:nth-child(5){animation-delay:.24s}.shop-card:nth-child(6){animation-delay:.3s}body.has-mobile-bottom-nav .shop-wrap{padding-bottom:24px}@media (max-width:600px){.shop-wrap{padding:16px 12px 40px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.shop-card{padding:18px 16px;border-radius:14px}}.event-wrap{max-width:1280px;margin:0 auto;padding:28px 56px 48px;width:100%;box-sizing:border-box}.event-header{justify-content:space-between;margin-bottom:24px;gap:12px;padding-bottom:16px;border-bottom:2px solid transparent;border-image:linear-gradient(90deg,#ec4899,#f472b6,transparent) 1}.event-header,.event-title-h{display:flex;align-items:center}.event-title-h{font-size:22px;font-weight:800;color:var(--text);gap:10px;letter-spacing:-.02em}.event-search{display:flex;align-items:center;position:relative;background:var(--surface);border:1.5px solid var(--border);border-radius:10px;padding:0 12px 0 36px;transition:border-color .2s;flex-shrink:0}.event-search:focus-within{border-color:#ec4899;box-shadow:0 0 0 3px rgba(236,72,153,.06)}.event-search-icon{position:absolute;left:12px;color:var(--text-muted);font-size:13px;pointer-events:none}.event-search input{border:none;background:transparent;padding:9px 0;color:var(--text);font-size:13px;outline:none;font-family:inherit;width:180px}.event-search input::placeholder{color:var(--text-muted)}.event-list{display:flex;flex-direction:column;gap:12px}.event-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px 28px;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);text-decoration:none;color:inherit;display:block;box-shadow:0 2px 12px rgba(0,0,0,.04)}.event-card:hover{background:var(--surface2);border-color:rgba(236,72,153,.25);box-shadow:0 8px 28px rgba(236,72,153,.1);transform:translateY(-2px)}.event-card-top{gap:10px;margin-bottom:10px}.event-card-top,.event-icon{display:flex;align-items:center}.event-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;font-size:15px;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px rgba(236,72,153,.25);transition:transform .2s}.event-card:hover .event-icon{transform:scale(1.08)}.event-card-meta{flex:1 1;display:flex;flex-direction:column;gap:1px}.event-card-label{font-size:14px;font-weight:600;color:var(--text);line-height:1.3}.event-card-date{font-size:12px;color:var(--text-muted);line-height:1.3}.event-status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;flex-shrink:0}.event-status-badge.ongoing{background:linear-gradient(135deg,rgba(22,163,74,.12),rgba(74,222,128,.12));color:#16a34a;box-shadow:0 1px 4px rgba(22,163,74,.15)}.event-status-badge.scheduled{background:linear-gradient(135deg,rgba(245,158,11,.12),rgba(251,191,36,.12));color:#f59e0b;box-shadow:0 1px 4px rgba(245,158,11,.15)}.event-status-badge.ended{background:linear-gradient(135deg,rgba(107,114,128,.12),rgba(156,163,175,.12));color:var(--text-muted);box-shadow:0 1px 4px rgba(107,114,128,.1)}.event-card-title{font-size:16px;font-weight:800;color:var(--text);line-height:1.45;margin-bottom:6px;letter-spacing:-.01em}.event-card-preview{font-size:14px;color:var(--text-sub);line-height:1.7;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;opacity:.85}.event-card:hover .event-card-preview{opacity:1}.event-empty{text-align:center;padding:60px 0;color:var(--text-muted);font-size:14px}@keyframes eventCardSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.event-card{animation:eventCardSlideIn .4s cubic-bezier(.16,1,.3,1) both}.event-card:first-child{animation-delay:0s}.event-card:nth-child(2){animation-delay:.06s}.event-card:nth-child(3){animation-delay:.12s}.event-card:nth-child(4){animation-delay:.18s}.event-card:nth-child(5){animation-delay:.24s}body.has-mobile-bottom-nav .event-wrap{padding-bottom:24px}@media (max-width:600px){.event-wrap{padding:16px 12px 40px}.event-header{padding:0 4px}.event-card{padding:18px 16px;border-radius:14px}.event-icon{width:36px;height:36px;font-size:14px}}.beta-wrap{max-width:1280px;margin:0 auto;padding:28px 56px 48px;width:100%;box-sizing:border-box}.beta-header{justify-content:space-between;margin-bottom:24px;gap:12px;padding-bottom:16px;border-bottom:2px solid transparent;border-image:linear-gradient(90deg,#006A63,var(--primary-container),transparent) 1}.beta-header,.beta-title-h{display:flex;align-items:center}.beta-title-h{font-size:22px;font-weight:800;color:var(--text);gap:10px;letter-spacing:-.02em}.beta-search{display:flex;align-items:center;position:relative;background:var(--surface);border:1.5px solid var(--border);border-radius:10px;padding:0 12px 0 36px;transition:border-color .2s;flex-shrink:0}.beta-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,106,99,.06)}.beta-search-icon{position:absolute;left:12px;color:var(--text-muted);font-size:13px;pointer-events:none}.beta-search input{border:none;background:transparent;padding:9px 0;color:var(--text);font-size:13px;outline:none;font-family:inherit;width:180px}.beta-search input::placeholder{color:var(--text-muted)}.beta-list{display:flex;flex-direction:column;gap:12px}.beta-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px 28px;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);text-decoration:none;color:inherit;display:block;box-shadow:0 2px 12px rgba(0,0,0,.04)}.beta-card:hover{background:var(--surface2);border-color:rgba(0,106,99,.25);box-shadow:0 8px 28px rgba(0,106,99,.1);transform:translateY(-2px)}.beta-card-top{gap:10px;margin-bottom:10px}.beta-card-top,.beta-icon{display:flex;align-items:center}.beta-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#006A63,var(--primary-container));color:#fff;font-size:15px;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px rgba(0,106,99,.25);transition:transform .2s}.beta-card:hover .beta-icon{transform:scale(1.08)}.beta-card-meta{flex:1 1;display:flex;flex-direction:column;gap:1px}.beta-card-label{font-size:14px;font-weight:600;color:var(--text);line-height:1.3}.beta-card-date{font-size:12px;color:var(--text-muted);line-height:1.3}.beta-status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;flex-shrink:0}.beta-status-badge.active{background:linear-gradient(135deg,rgba(22,163,74,.12),rgba(74,222,128,.12));color:#16a34a;box-shadow:0 1px 4px rgba(22,163,74,.15)}.beta-status-badge.recruiting{background:linear-gradient(135deg,rgba(245,158,11,.12),rgba(251,191,36,.12));color:#f59e0b;box-shadow:0 1px 4px rgba(245,158,11,.15)}.beta-status-badge.closed,.beta-status-badge.ended{background:linear-gradient(135deg,rgba(107,114,128,.12),rgba(156,163,175,.12));color:var(--text-muted);box-shadow:0 1px 4px rgba(107,114,128,.1)}.beta-card-title{font-size:16px;font-weight:800;color:var(--text);line-height:1.45;margin-bottom:6px;letter-spacing:-.01em}.beta-card-preview{font-size:14px;color:var(--text-sub);line-height:1.7;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;opacity:.85}.beta-card:hover .beta-card-preview{opacity:1}.beta-card-footer{display:flex;gap:12px;align-items:center;margin-top:10px;font-size:12px;color:var(--text-muted)}.beta-join-btn{margin-top:14px;padding:8px 20px;border-radius:10px;background:linear-gradient(135deg,#006A63,var(--primary-container));color:#fff;border:none;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px rgba(0,106,99,.25)}.beta-join-btn:hover{opacity:.9;transform:translateY(-1px)}.beta-empty{text-align:center;padding:60px 0;color:var(--text-muted);font-size:14px}@keyframes betaCardSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.beta-card{animation:betaCardSlideIn .4s cubic-bezier(.16,1,.3,1) both}.beta-card:first-child{animation-delay:0s}.beta-card:nth-child(2){animation-delay:.06s}.beta-card:nth-child(3){animation-delay:.12s}.beta-card:nth-child(4){animation-delay:.18s}.beta-card:nth-child(5){animation-delay:.24s}body.has-mobile-bottom-nav .beta-wrap{padding-bottom:24px}@media (max-width:600px){.beta-wrap{padding:16px 12px 40px}.beta-header{padding:0 4px;flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.beta-card{padding:18px 16px;border-radius:14px}.beta-icon{width:36px;height:36px;font-size:14px}}.charge-wrap{max-width:560px;margin:0 auto;padding:32px 16px 48px;width:100%;box-sizing:border-box}.charge-header{text-align:center;margin-bottom:24px}.charge-title{font-size:22px;font-weight:700;margin-bottom:20px;color:var(--text)}.charge-title i{color:#f59e0b;margin-right:6px}.charge-balance-card{display:inline-flex;align-items:baseline;gap:8px;background:linear-gradient(135deg,#006A63,var(--primary-container));color:#fff;padding:16px 32px;border-radius:16px;box-shadow:0 4px 16px rgba(0,106,99,.25)}.charge-balance-label{font-size:13px;opacity:.85}.charge-balance-amount{font-size:28px;font-weight:800}.charge-balance-unit{font-size:14px;opacity:.85}.charge-info-banner{display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(0,106,99,.06);border:1px solid rgba(0,106,99,.12);border-radius:10px;margin-bottom:20px;font-size:13px;color:var(--text-sub)}.charge-info-banner i{color:var(--primary);flex-shrink:0}.charge-info-banner strong{color:var(--text)}.charge-section{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;margin-bottom:20px}.charge-section-title{font-size:16px;font-weight:700;margin-bottom:4px;color:var(--text)}.charge-section-desc{font-size:13px;color:var(--text-sub);margin-bottom:20px}.charge-presets{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-bottom:20px}.charge-preset{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 8px 14px;border:2px solid var(--border);border-radius:12px;background:var(--bg);color:var(--text);cursor:pointer;transition:all .18s}.charge-preset.active,.charge-preset:hover{border-color:var(--primary)}.charge-preset.active{background:var(--primary);color:#fff}.charge-preset-amount{font-size:15px;font-weight:700}.charge-preset-coins{font-size:11px;opacity:.65;font-weight:500}.charge-preset.active .charge-preset-coins{opacity:.85}.charge-preset-badge{position:absolute;top:-8px;right:-4px;font-size:10px;font-weight:800;color:#fff;background:#006A63;padding:2px 6px;border-radius:6px;line-height:1.3}.charge-preset-badge.hot{background:#ef4444}.charge-custom{margin-bottom:20px}.charge-custom-label{display:block;font-size:13px;font-weight:600;color:var(--text-sub);margin-bottom:6px}.charge-custom-input-wrap{position:relative}.charge-custom-input{width:100%;padding:12px 50px 12px 16px;border:1px solid var(--border-input);border-radius:10px;background:var(--bg);color:var(--text);font-size:15px;outline:none;transition:border-color .18s;box-sizing:border-box}.charge-custom-input:focus{border-color:var(--primary)}.charge-custom-unit{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--text-sub);font-weight:600}.charge-custom-err{display:none;margin-top:6px;font-size:12px;color:#ef4444;font-weight:500}.charge-pay-methods{margin-bottom:20px}.charge-pay-label{display:block;font-size:13px;font-weight:600;color:var(--text-sub);margin-bottom:8px}.charge-pay-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.charge-pay-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 4px;border:2px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text-sub);font-size:11px;font-weight:600;cursor:pointer;transition:all .18s}.charge-pay-btn i{font-size:16px}.charge-pay-btn:hover{border-color:var(--primary);color:var(--text)}.charge-pay-btn.active{border-color:var(--primary);background:rgba(0,106,99,.08);color:var(--primary)}.charge-summary{background:var(--bg);border-radius:10px;padding:14px 16px;margin-bottom:20px}.charge-summary-row{display:flex;justify-content:space-between;font-size:14px;color:var(--text-sub);padding:4px 0}.charge-summary-row strong{color:var(--text);font-weight:700}.charge-summary-total{border-top:1px solid var(--border);margin-top:6px;padding-top:10px}.charge-summary-total strong{color:var(--primary);font-size:16px}.charge-bonus-text{color:#006A63;font-weight:600}.charge-btn{width:100%;padding:14px;background:linear-gradient(135deg,#006A63,var(--primary-container));color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:opacity .18s}.charge-btn:disabled{opacity:.5;cursor:not-allowed}.charge-btn:not(:disabled):hover{opacity:.9}.charge-btn i{margin-right:6px}.charge-history-empty{text-align:center;padding:24px;color:var(--text-muted);font-size:14px}.charge-tx{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.charge-tx:last-child{border-bottom:none}.charge-tx-info{display:flex;flex-direction:column;gap:2px}.charge-tx-desc{font-size:14px;font-weight:500;color:var(--text)}.charge-tx-date{font-size:12px;color:var(--text-muted)}.charge-tx-right{text-align:right}.charge-tx-amount{font-size:14px;font-weight:700;white-space:nowrap}.charge-tx-balance{font-size:11px;color:var(--text-muted);margin-top:1px}.charge-tx-plus{color:#006A63}.charge-tx-minus{color:#ef4444}.charge-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.charge-modal{background:var(--surface);border-radius:16px;padding:24px;width:100%;max-width:380px;box-shadow:0 8px 32px rgba(0,0,0,.2)}.charge-modal-title{font-size:18px;font-weight:700;margin-bottom:16px;color:var(--text)}.charge-modal-item{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:var(--text-sub)}.charge-modal-item strong{color:var(--text)}.charge-modal-actions{display:flex;gap:10px;margin-top:20px}.charge-modal-cancel{flex:1 1;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font-size:14px;font-weight:600;cursor:pointer}.charge-modal-confirm{flex:2 1;padding:12px;border:none;border-radius:10px;background:linear-gradient(135deg,#006A63,var(--primary-container));color:#fff;font-size:14px;font-weight:700;cursor:pointer}.charge-modal-confirm:hover{opacity:.9}body.has-mobile-bottom-nav .charge-wrap{padding-bottom:24px}@media (max-width:480px){.charge-pay-grid,.charge-presets{grid-template-columns:repeat(2,1fr)}}.support-wrap{max-width:900px;margin:0 auto;padding:32px 24px 60px;width:100%;box-sizing:border-box}.support-header{text-align:center;margin-bottom:32px}.support-header h1{font-size:26px;font-weight:800;color:var(--text);display:flex;align-items:center;justify-content:center;gap:10px}.support-header h1 i{color:var(--primary)}.support-header p{font-size:14px;color:var(--text-muted);margin-top:8px}.support-info-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;margin-bottom:28px;font-size:13px;color:var(--text-sub)}.support-info-bar i{color:var(--primary)}.support-info-item{display:flex;align-items:center;gap:6px}.support-info-divider{width:1px;height:16px;background:var(--border)}.support-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:2px solid var(--border);padding-bottom:0}.support-tab{padding:12px 20px;font-size:14px;font-weight:600;color:var(--text-muted);background:none;cursor:pointer;position:relative;transition:color .2s;border:none;border-bottom:2px solid transparent;margin-bottom:-2px}.support-tab:hover{color:var(--text)}.support-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.support-tab i{margin-right:6px}.support-panel{display:none}.support-panel.active{display:block}.faq-search{position:relative;margin-bottom:20px}.faq-search input{width:100%;padding:12px 16px 12px 42px;background:var(--surface);border:1px solid var(--border);border-radius:10px;font-size:14px;color:var(--text);outline:none;transition:border-color .2s;box-sizing:border-box}.faq-search input:focus{border-color:var(--primary)}.faq-search>i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:14px}.faq-categories{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.faq-cat-btn{padding:7px 16px;border-radius:20px;font-size:13px;font-weight:600;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:all .2s}.faq-cat-btn:hover{border-color:var(--primary);color:var(--text)}.faq-cat-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.faq-group{margin-bottom:20px}.faq-group-label{font-size:13px;font-weight:700;color:var(--primary-text);display:flex;align-items:center;gap:6px;margin-bottom:10px;padding-left:2px}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:8px;overflow:hidden;transition:border-color .2s;cursor:pointer}.faq-item.active{border-color:rgba(0,106,99,.3)}.faq-q{display:flex;align-items:center;gap:10px;padding:14px 18px;font-size:14px;font-weight:600;color:var(--text);transition:color .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.faq-item.active .faq-q,.faq-q:hover{color:var(--primary-text)}.faq-q-icon{font-size:12px;color:var(--text-muted);transition:transform .25s,color .15s;flex-shrink:0}.faq-item.active .faq-q-icon{transform:rotate(180deg);color:var(--primary)}.faq-q-label{font-size:11px;font-weight:700;color:#006A63;background:rgba(0,106,99,.08);padding:2px 8px;border-radius:4px;flex-shrink:0}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.active .faq-a{max-height:500px}.faq-a-inner{padding:0 18px 16px 46px;font-size:13px;color:var(--text-sub);line-height:1.8}.faq-empty{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:14px}.faq-empty i{font-size:32px;display:block;margin-bottom:12px;opacity:.4}.inquiry-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px}.inquiry-section h3{font-size:16px;font-weight:700;margin-bottom:20px;color:var(--text);display:flex;align-items:center;gap:8px}.inquiry-section h3 i{color:var(--primary)}.sf-row{display:flex;gap:14px}.sf-row>.sf-group{flex:1 1}.sf-group{margin-bottom:14px}.sf-group label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:6px}.sf-input,.sf-select,.sf-textarea{width:100%;padding:10px 14px;background:var(--surface2);border:1px solid var(--border-input);border-radius:var(--radius-sm);color:var(--text);font-size:14px;font-family:inherit;outline:none;transition:border-color .18s;box-sizing:border-box}.sf-input:focus,.sf-select:focus,.sf-textarea:focus{border-color:var(--primary)}.sf-textarea{resize:vertical;min-height:120px;line-height:1.7}.sf-char-count{font-size:11px;color:var(--text-muted);text-align:right;margin-top:4px}.sf-file-area{gap:12px;flex-wrap:wrap}.sf-file-area,.sf-file-btn{display:flex;align-items:center}.sf-file-btn{padding:8px 16px;border-radius:8px;background:var(--surface2);border:1px solid var(--border);color:var(--text);font-size:13px;cursor:pointer;gap:6px;transition:border-color .2s}.sf-file-btn:hover{border-color:var(--primary)}.sf-file-list{display:flex;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--text-muted)}.sf-file-item{display:flex;align-items:center;gap:4px;background:var(--surface2);padding:4px 10px;border-radius:6px}.sf-file-remove{background:none;border:none;cursor:pointer;color:#ef4444;font-size:11px;padding:0}.sf-submit{padding:12px 32px;border-radius:10px;background:var(--primary);color:#fff;border:none;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s;display:flex;align-items:center;gap:8px}.sf-submit:hover{background:var(--primary-hover)}.sf-submit:disabled{opacity:.5;cursor:not-allowed}.sf-notice{margin-top:16px;padding:12px 16px;background:rgba(0,106,99,.05);border-radius:8px;font-size:12px;color:var(--text-muted);line-height:1.7}.sf-notice i{color:var(--primary);margin-right:4px}.inquiry-history-empty{text-align:center;padding:60px 20px;color:var(--text-muted)}.inquiry-history-empty i{font-size:40px;display:block;margin-bottom:12px;opacity:.3}.inquiry-history-empty p{font-size:14px;margin-bottom:4px}.inquiry-history-empty small{font-size:12px}.inquiry-list{display:flex;flex-direction:column;gap:10px}.inquiry-item{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px 20px;cursor:pointer;transition:border-color .2s}.inquiry-item:hover{border-color:rgba(0,106,99,.3)}.inquiry-item-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.inquiry-status{font-size:11px;font-weight:700;padding:3px 10px;border-radius:12px}.inquiry-status.waiting{background:rgba(245,158,11,.12);color:#d97706}.inquiry-status.answered{background:rgba(16,185,129,.12);color:#059669}.inquiry-status.closed{background:var(--surface2);color:var(--text-muted)}.inquiry-cat-label,.inquiry-date{font-size:11px;color:var(--text-muted)}.inquiry-date{margin-left:auto}.inquiry-item-title{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inquiry-detail-modal{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.5);align-items:center;justify-content:center}.inquiry-detail-modal.open{display:flex}.inquiry-detail-box{background:var(--surface);border-radius:16px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.2)}.inquiry-detail-box h3{font-size:16px;font-weight:700;margin-bottom:6px;display:flex;align-items:center;gap:8px}.inquiry-detail-meta{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--text-muted);margin-bottom:16px}.inquiry-detail-content{font-size:14px;line-height:1.8;color:var(--text);padding:16px;background:var(--surface2);border-radius:10px;margin-bottom:16px;white-space:pre-wrap}.inquiry-answer-box{background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.2);border-radius:10px;padding:16px;margin-bottom:16px}.inquiry-answer-box h4{font-size:13px;font-weight:700;color:#059669;margin-bottom:8px;display:flex;align-items:center;gap:6px}.inquiry-answer-box p{font-size:13px;line-height:1.8;color:var(--text);white-space:pre-wrap}.inquiry-detail-close{padding:10px 24px;border-radius:8px;background:var(--surface2);border:1px solid var(--border);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.inquiry-detail-close:hover{background:var(--border)}.support-panel .notice-list{display:flex;flex-direction:column;gap:8px}.support-panel .notice-item{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 18px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:border-color .2s}.support-panel .notice-item:hover{border-color:rgba(0,106,99,.3)}.support-panel .notice-item.pinned{border-left:3px solid var(--primary)}.notice-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px;flex-shrink:0}.notice-badge.important{background:rgba(239,68,68,.1);color:#ef4444}.notice-badge.update{background:rgba(59,130,246,.1);color:#3b82f6}.notice-badge.event{background:rgba(245,158,11,.1);color:#f59e0b}.notice-badge.normal{background:var(--surface2);color:var(--text-muted)}.support-panel .notice-title{flex:1 1;font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-panel .notice-date{font-size:12px;color:var(--text-muted);flex-shrink:0}body.has-mobile-bottom-nav .support-wrap{padding-bottom:24px}@media (max-width:600px){.support-wrap{padding:20px 14px 48px}.support-info-bar{flex-direction:column;gap:8px;align-items:flex-start}.support-info-divider{display:none}.support-tabs{overflow-x:auto;gap:0}.support-tab{padding:10px 14px;font-size:13px;white-space:nowrap}.sf-row{flex-direction:column;gap:0}.faq-q{padding:12px 14px;font-size:13px}.faq-a-inner{padding:0 14px 14px 36px}.inquiry-detail-box,.inquiry-section{padding:20px 16px}}.as-wrap{min-height:100vh;flex-direction:column;justify-content:center;padding:32px 16px 60px;background:var(--bg);width:100%;box-sizing:border-box}.as-logo,.as-wrap{display:flex;align-items:center}.as-logo{gap:10px;text-decoration:none;margin-bottom:32px}.as-logo .logo-mark{width:32px;height:32px}.as-logo .logo-text{font-size:22px;font-weight:800;color:var(--text)}.as-logo .logo-text em{color:var(--primary);font-style:normal}.as-card{width:100%;max-width:500px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:36px 32px;box-sizing:border-box}.as-stepper{gap:0;margin-bottom:32px}.as-step,.as-stepper{display:flex;align-items:center}.as-step{flex-direction:column;gap:4px;flex:1 1}.as-step-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:var(--surface2);color:var(--text-muted);border:2px solid var(--border);transition:all .2s}.as-step.active .as-step-circle{background:var(--primary);color:#fff;border-color:var(--primary)}.as-step.done .as-step-circle{background:var(--success);color:#fff;border-color:var(--success)}.as-step.done .as-step-circle:after{content:"\2713"}.as-step.done .as-step-circle span{display:none}.as-step-label{font-size:10px;color:var(--text-muted);text-align:center}.as-step.active .as-step-label{color:var(--primary);font-weight:700}.as-step-line{flex:1 1;height:2px;background:var(--border);margin-bottom:18px;transition:background .2s}.as-step-line.done{background:var(--success)}.as-title{font-size:20px;font-weight:800;color:var(--text);margin-bottom:6px}.as-desc{font-size:13px;color:var(--text-muted);margin-bottom:24px;line-height:1.6}.as-field{margin-bottom:18px}.as-label{display:block;font-size:12px;font-weight:700;color:var(--text-sub);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.as-input,.as-select,.as-textarea{width:100%;padding:11px 14px;background:var(--surface2);border:1px solid var(--border-input);border-radius:10px;font-size:14px;font-family:inherit;color:var(--text);transition:border-color .15s;box-sizing:border-box}.as-input:focus,.as-select:focus,.as-textarea:focus{outline:none;border-color:var(--primary)}.as-textarea{resize:vertical;min-height:90px}.as-hint{color:var(--text-muted)}.as-err,.as-hint{font-size:11px;margin-top:4px}.as-err{color:#ef4444;display:none}.as-err.show{display:block}.as-contract-box{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:16px;max-height:200px;overflow-y:auto;font-size:12px;color:var(--text-muted);line-height:1.7;margin-bottom:14px}.as-contract-box h4{font-size:13px;color:var(--text-sub);margin:0 0 8px}.as-actions{display:flex;gap:10px;margin-top:28px}.as-btn-prev{flex:1 1;padding:13px;background:var(--surface2);border:1px solid var(--border);border-radius:12px;font-size:14px;font-weight:600;font-family:inherit;color:var(--text-sub);cursor:pointer;transition:all .15s}.as-btn-prev:hover{border-color:var(--text-muted)}.as-btn-next{flex:2 1;padding:13px;background:var(--primary);border:none;border-radius:12px;font-size:14px;font-weight:700;font-family:inherit;color:#fff;cursor:pointer;transition:background .15s}.as-btn-next:hover{background:var(--primary-hover)}.as-btn-next:disabled{background:var(--text-muted);cursor:not-allowed}@media (max-width:540px){.as-card{padding:28px 20px}.as-step-label{font-size:9px}}.post-page{width:100%;max-width:1280px;margin:0 auto;padding:28px 56px 48px;box-sizing:border-box;flex:1 1}.back-row{display:flex;margin-bottom:20px}.back-btn,.back-row{align-items:center;gap:8px}.back-btn{display:inline-flex;font-size:13px;color:var(--text-muted);font-weight:600;background:var(--surface);border:1px solid var(--border);border-radius:10px;cursor:pointer;padding:8px 16px;transition:all .15s;font-family:inherit}.back-btn:hover{color:var(--primary);border-color:rgba(0,106,99,.2);background:rgba(0,106,99,.03)}.post-body-layout{display:flex;gap:28px}.post-content-area{flex:1 1;min-width:0}.post-right-sidebar{width:280px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:120px;align-self:flex-start;max-height:calc(100vh - 140px);overflow-y:auto;display:flex;flex-direction:column;gap:12px}.pr-widget{background:var(--surface2);border:1px solid rgba(187,201,199,.3);border-radius:14px;overflow:hidden;box-shadow:0 1px 4px rgba(25,28,29,.04),0 4px 12px rgba(25,28,29,.02);flex-shrink:0}.pr-widget-header{padding:14px 18px;font-size:13px;font-weight:800;color:var(--text);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.pr-widget-header i{color:var(--primary);font-size:14px}.pr-qnav-body{padding:6px 0}.pr-qnav-item{display:flex;align-items:center;gap:10px;padding:8px 16px;cursor:pointer;transition:background .12s;text-decoration:none;color:inherit}.pr-qnav-item:hover{background:rgba(0,106,99,.04)}.pr-qnav-icon{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#006A63,var(--primary-container));display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;flex-shrink:0}.pr-qnav-info{flex:1 1;min-width:0}.pr-qnav-name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pr-qnav-meta{font-size:11px;color:var(--text-muted);margin-top:1px}.pr-qnav-more{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 16px;border:none;background:none;color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:color .12s;border-top:1px solid var(--border)}.pr-qnav-more:hover{color:var(--primary)}.pr-qnav-more i{font-size:10px}.pr-post-list{padding:6px 0}.pr-post-item{display:flex;align-items:flex-start;gap:10px;padding:10px 18px;cursor:pointer;transition:background .12s;text-decoration:none;color:inherit}.pr-post-item:hover{background:rgba(0,106,99,.03)}.pr-post-rank{font-size:13px;font-weight:800;color:var(--primary);min-width:18px;text-align:center;padding-top:1px}.pr-post-rank.top3{color:#f59e0b}.pr-post-info{flex:1 1;min-width:0}.pr-post-title{font-size:13px;font-weight:600;color:var(--text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pr-post-meta{font-size:11px;color:var(--text-muted);margin-top:3px;display:flex;align-items:center;gap:8px}.pr-post-meta i{font-size:10px}.pr-empty{padding:24px 18px;text-align:center;font-size:12px;color:var(--text-muted)}.article-wrap{background:var(--surface);border:none;border-radius:16px;overflow:hidden}.article-meta-line{display:flex;align-items:center;gap:0;flex-wrap:wrap;font-size:13px;color:var(--text-muted);padding:22px 28px 0;line-height:1.5}.article-meta-board{font-weight:700;color:var(--primary)}.article-meta-board:hover{text-decoration:underline;cursor:pointer}.article-meta-sep{margin:0 8px;font-size:4px;vertical-align:middle;color:var(--border)}.article-meta-user{display:inline-flex;align-items:center;gap:6px}.article-author-row{display:flex;align-items:center;gap:12px;padding:22px 28px 0}.article-author-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#006A63,var(--primary-container));display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.article-author-avatar img{width:100%;height:100%;object-fit:cover}.article-author-avatar .av{width:44px;height:44px;font-size:18px}.article-author-info{flex:1 1;min-width:0}.article-author-name{font-size:15px;font-weight:700;color:var(--text);cursor:pointer}.article-author-name:hover{color:var(--primary)}.article-author-meta{display:flex;align-items:center;gap:0;font-size:12px;color:var(--text-muted);margin-top:2px}.cm-avatar-wrap{width:36px;height:36px;border-radius:50%;flex-shrink:0;overflow:hidden}.cm-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-action-menu{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 8px 32px rgba(0,0,0,.15);min-width:180px;padding:6px 0;animation:uamSlide .15s ease}@keyframes uamSlide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.uam-header{padding:10px 16px 6px;font-weight:700;border-bottom:1px solid var(--border);margin-bottom:4px}.uam-header,.uam-item{font-size:13px;color:var(--text)}.uam-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 16px;background:none;border:none;cursor:pointer;font-family:inherit;transition:background .12s}.uam-item:hover{background:var(--primary-light,rgba(0,106,99,.06))}.uam-item i{width:16px;text-align:center;color:var(--text-muted);font-size:13px}.uam-item.uam-danger,.uam-item.uam-danger i{color:#ef4444}.uam-item.uam-danger:hover{background:rgba(239,68,68,.06)}.uam-divider{height:1px;background:var(--border);margin:4px 0}.av{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#006A63,var(--primary-container));color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.av-sm{width:36px;height:36px;font-size:14px}.author-actions{display:inline-flex;gap:4px;margin-left:auto;flex-shrink:0}.author-act-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:8px;font-size:12px;font-weight:600;background:none;cursor:pointer;transition:all .15s}.author-act-btn.edit-btn{border:1px solid var(--border);color:var(--text-sub)}.author-act-btn.edit-btn:hover{border-color:var(--primary);color:var(--primary);background:rgba(0,106,99,.04)}.author-act-btn.del-btn{border:1px solid transparent;color:var(--text-muted)}.author-act-btn.del-btn:hover{color:#ef4444;background:rgba(239,68,68,.06)}.article-title{padding:16px 28px 0;font-size:24px;font-weight:800;color:var(--text);line-height:1.4;letter-spacing:-.02em}.article-body{padding:20px 28px 28px;font-size:15px;line-height:1.9;color:var(--text-sub);word-break:break-word}.article-body img{max-width:100%;max-height:450px;object-fit:contain;border-radius:12px;margin:12px 0;display:block;cursor:pointer}.article-images{padding:0 28px 28px;display:grid;grid-gap:6px;gap:6px}.article-images.g1{grid-template-columns:1fr}.article-images.g2,.article-images.g3{grid-template-columns:1fr 1fr}.article-images.g3{grid-template-rows:1fr 1fr}.article-images.g3 img:first-child{grid-row:1/-1}.article-images.gm{grid-template-columns:1fr 1fr}.article-images img{width:100%;border-radius:12px;object-fit:cover;cursor:pointer;aspect-ratio:16/10;background:var(--surface2);transition:all .18s}.article-images.g1 img{aspect-ratio:16/9;max-height:360px;object-fit:contain}.article-images img:hover{opacity:.92;transform:scale(1.01)}.article-poll{margin:0 28px 28px;padding:22px;border-radius:16px;background:var(--surface2);border:1px solid var(--border)}.poll-q{font-size:15px;font-weight:700;color:var(--text);margin-bottom:14px;display:flex;align-items:center;gap:8px}.poll-opt{position:relative;padding:13px 18px;margin-bottom:8px;border-radius:12px;cursor:pointer;border:1.5px solid var(--border);background:var(--surface);transition:all .2s;overflow:hidden}.poll-opt.voted,.poll-opt:hover{border-color:var(--primary)}.poll-bar{position:absolute;left:0;top:0;bottom:0;background:rgba(0,106,99,.08);border-radius:12px;transition:width .5s ease}.poll-opt-inner{position:relative;z-index:1;display:flex;justify-content:space-between;font-size:14px;color:var(--text);font-weight:500}.poll-pct{font-weight:800;color:var(--primary);font-size:13px}.poll-total{font-size:12px;color:var(--text-muted);margin-top:10px;display:flex;align-items:center;gap:4px}.post-warning-banner{margin:0 28px;padding:12px 16px;border-radius:12px;background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.15);display:flex;align-items:center;gap:8px;font-size:13px;color:#ef4444;font-weight:600}.post-warning-banner i{font-size:15px}.prefix-badge{padding:3px 10px;border-radius:6px;font-size:11px;margin-right:8px}.board-breadcrumb{font-size:13px;color:var(--text-muted);display:inline-flex;align-items:center;gap:6px}.board-breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .15s}.board-breadcrumb a:hover{color:var(--primary)}.reactions{display:flex;align-items:center;gap:6px;padding:14px 28px 18px;font-size:13px;font-weight:700;color:var(--text-muted);border-top:1px solid var(--border)}.rx-vote-group{background:var(--surface2);border-radius:10px;overflow:hidden}.rx-vote-btn,.rx-vote-group{display:inline-flex;align-items:center}.rx-vote-btn{justify-content:center;width:40px;height:36px;border:none;background:none;color:var(--text-muted);cursor:pointer;transition:all .15s;font-size:15px}.rx-vote-btn:hover{background:rgba(255,69,0,.08);color:#ff4500}.rx-vote-btn:last-child:hover{background:rgba(113,147,255,.08);color:#7193ff}.rx-vote-btn.on-like{color:#ff4500;background:rgba(255,69,0,.08)}.rx-vote-btn.on-dislike{color:#7193ff;background:rgba(113,147,255,.08)}.rx-vote-score{font-size:14px;font-weight:800;color:var(--text);padding:0 4px;min-width:20px;text-align:center}.rx-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;background:none;border:none;color:var(--text-muted);font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}.rx-action-btn:hover{background:var(--surface2);color:var(--text)}.rx-action-btn.report-btn{color:#d97777}.rx-action-btn.report-btn:hover{color:#ef4444;background:rgba(239,68,68,.06)}.rx-action-btn i{font-size:13px}.comments{margin-top:20px;background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 1px 8px rgba(0,0,0,.04)}.cm-header{padding:20px 28px;font-size:16px;font-weight:800;color:var(--text);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.cm-header .cnt{font-size:14px;font-weight:600;color:var(--text-muted);background:var(--surface2);padding:2px 10px;border-radius:10px}.cm-write{padding:20px 28px;border-bottom:1px solid var(--border)}.cm-write-inner{background:var(--surface2);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:all .2s}.cm-write-inner:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,106,99,.06)}.cm-write textarea{width:100%;padding:16px 20px 10px;min-height:52px;max-height:160px;background:transparent;border:none;color:var(--text);font-size:14px;font-family:inherit;resize:none;outline:none;line-height:1.6;box-sizing:border-box}.cm-write-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:8px 16px 14px}.cm-hint{font-size:11px;color:var(--text-muted);margin-right:auto}.cm-send{padding:9px 22px;border-radius:10px;background:linear-gradient(135deg,#006A63,var(--primary-container));color:#fff;border:none;font-size:13px;font-weight:700;cursor:pointer;flex-shrink:0;transition:all .15s;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 8px rgba(0,106,99,.2)}.cm-send:hover{box-shadow:0 4px 16px rgba(0,106,99,.3);transform:translateY(-1px)}.cm-list{padding:0}.cm-item{display:flex;gap:14px;padding:20px 28px;border-bottom:1px solid var(--border);transition:background .12s}.cm-item:hover{background:rgba(0,106,99,.01)}.cm-item:last-child{border-bottom:none}.cm-body{flex:1 1;min-width:0}.cm-nick{font-size:14px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px}.cm-date-inline{font-size:11px;font-weight:400;color:var(--text-muted)}.cm-text{font-size:14px;color:var(--text-sub);line-height:1.7;margin-top:6px;word-break:break-word}.cm-meta{display:flex;gap:2px;margin-top:10px}.cm-like-btn,.cm-meta,.cm-reply-btn{align-items:center;font-size:12px;color:var(--text-muted)}.cm-like-btn,.cm-reply-btn{display:inline-flex;gap:5px;padding:5px 12px;border-radius:8px;background:none;border:none;font-weight:600;cursor:pointer;transition:all .15s}.cm-like-btn:hover{color:#ef4444;background:rgba(239,68,68,.06)}.cm-like-btn.liked{color:#ef4444}.cm-reply-btn:hover{color:var(--primary);background:rgba(0,106,99,.06)}.cm-del{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:8px;font-size:12px;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:all .15s}.cm-del:hover{color:#ef4444;background:rgba(239,68,68,.06)}.cm-empty{padding:52px 28px}.cm-empty,.cm-login{text-align:center;font-size:14px;color:var(--text-muted)}.cm-login{padding:24px 28px;border-bottom:1px solid var(--border)}.cm-login a{color:var(--primary);font-weight:700;text-decoration:none}.cm-login a:hover{text-decoration:underline}.img-viewer{position:fixed;inset:0;z-index:1200;background:rgba(0,0,0,.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;cursor:zoom-out;animation:fi .2s ease}@keyframes fi{0%{opacity:0}to{opacity:1}}.img-viewer img{max-width:92vw;max-height:90vh;object-fit:contain;border-radius:8px;cursor:default}.img-viewer-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;border:none;background:rgba(255,255,255,.15);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.img-viewer-close:hover{background:rgba(255,255,255,.3)}.edit-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px;animation:fi .18s ease}.edit-modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:100%;max-width:760px;padding:0;box-shadow:0 20px 60px rgba(0,0,0,.15);animation:emSlide .25s cubic-bezier(.16,1,.3,1);max-height:92vh;display:flex;flex-direction:column}@keyframes emSlide{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.edit-modal-header{padding:18px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:700;color:var(--text);flex-shrink:0}.edit-modal-close{width:34px;height:34px;border-radius:10px;background:var(--surface2);border:none;color:var(--text-muted);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.edit-modal-close:hover{background:var(--surface3);color:var(--text)}.edit-modal-body{padding:20px 24px 16px;overflow-y:auto;flex:1 1}.edit-field{margin-bottom:14px}.edit-field label{display:block;font-size:12px;font-weight:700;color:var(--text-muted);margin-bottom:6px}.edit-field input{width:100%;padding:11px 14px;background:var(--surface2);border:1px solid var(--border-input);border-radius:10px;color:var(--text);font-size:14px;outline:none;transition:all .18s;font-family:inherit;box-sizing:border-box}.edit-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,106,99,.06)}.edit-editor-toolbar{display:flex;flex-wrap:wrap;gap:2px;align-items:center;padding:8px 10px;background:var(--surface2);border:1px solid var(--border);border-bottom:none;border-radius:12px 12px 0 0}.edit-editor-toolbar .tb-sep{width:1px;height:20px;background:var(--border);margin:0 4px}.edit-tb-btn{width:30px;height:30px;border-radius:8px;background:none;border:none;cursor:pointer;color:var(--text-sub);font-size:13px;display:inline-flex;align-items:center;justify-content:center;transition:all .12s}.edit-tb-btn:hover{background:var(--surface3,rgba(255,255,255,.1));color:var(--text)}.edit-tb-select{height:28px;padding:0 6px;border-radius:6px;background:var(--surface);color:var(--text-sub);font-size:11px;cursor:pointer}.edit-editor-body,.edit-tb-select{border:1px solid var(--border);outline:none}.edit-editor-body{min-height:200px;max-height:360px;overflow-y:auto;padding:14px 16px;background:var(--surface2);border-top:none;border-radius:0 0 12px 12px;color:var(--text);font-size:14px;line-height:1.8}.edit-editor-body:focus{border-color:var(--primary)}.edit-editor-body:empty:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none}.edit-editor-body img{max-width:100%;border-radius:8px;margin:8px 0;display:block}.edit-modal-footer{padding:0 24px 20px;display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}.edit-cancel-btn{padding:10px 20px;border-radius:10px;background:var(--surface2);border:1px solid var(--border);color:var(--text-sub);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.edit-cancel-btn:hover{background:var(--surface3);color:var(--text)}.edit-save-btn{padding:10px 24px;border-radius:10px;background:linear-gradient(135deg,#006A63,var(--primary-container));border:none;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s;box-shadow:0 2px 8px rgba(0,106,99,.2)}.edit-save-btn:hover{box-shadow:0 4px 16px rgba(0,106,99,.3);transform:translateY(-1px)}body.has-mobile-bottom-nav .post-page{padding-bottom:24px}@media(max-width:960px){.post-right-sidebar{display:none}.post-body-layout{gap:0}}@media(max-width:768px){.post-page{padding:20px 28px 40px}}@media(max-width:600px){.post-page{padding:16px 12px 40px}.back-row{padding:0}.article-body,.article-meta-line,.article-title{padding-left:16px;padding-right:16px}.article-images{padding:0 16px 16px}.article-poll{margin:0 16px 16px}.post-warning-banner{margin:0 16px}.reactions{padding:12px 16px 14px}.cm-header,.cm-item,.cm-write{padding-left:16px;padding-right:16px}.article-title{font-size:18px}.edit-modal{max-width:100%;border-radius:16px}.edit-modal-body{padding:16px}}.sp-hero{background:var(--surface);padding:0;overflow:hidden}.sp-hero-banner{position:relative;overflow:hidden;height:180px}.sp-hero-banner-track{display:flex;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1)}.sp-hero-banner-slide{min-width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0 40px;gap:20px;text-decoration:none;color:#fff;position:relative;overflow:hidden}.sp-hero-banner-slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.15),transparent 30%,transparent 70%,rgba(0,0,0,.15));pointer-events:none;z-index:1}.sp-hero-banner-text{position:relative;z-index:2;text-align:left}.sp-hero-banner-text h3{font-size:18px;font-weight:800;margin:0 0 4px;text-shadow:0 1px 4px rgba(0,0,0,.2)}.sp-hero-banner-text p{font-size:13px;opacity:.9;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.15)}.sp-hero-banner-arrow{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.25);border:none;color:#fff;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sp-hero-banner-arrow:hover{background:rgba(255,255,255,.45)}.sp-hero-banner-arrow.prev{left:10px}.sp-hero-banner-arrow.next{right:10px}.sp-hero-banner-dots{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:5}.sp-hero-banner-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.4);border:none;cursor:pointer;transition:all .2s;padding:0}.sp-hero-banner-dot.active{background:#fff;width:18px;border-radius:3px}.sp-hero-search-bar{padding:12px 24px 14px;text-align:center;background:transparent;position:relative;z-index:4}.sp-hero-search-bar .sp-hero-search{max-width:540px;margin:0 auto;position:relative}.sp-search-mode-bar{display:flex;justify-content:center;gap:6px;margin-top:8px;max-width:540px;margin-left:auto;margin-right:auto}.sp-search-mode-pill{padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;font-family:inherit;background:rgba(255,255,255,.6);color:var(--text-sub);border:1px solid rgba(187,201,199,.3);cursor:pointer;transition:all .15s;white-space:nowrap}.sp-search-mode-pill:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.sp-search-mode-pill.active{background:var(--primary);color:#fff;border-color:var(--primary)}.sp-search-mode-pill.disabled{opacity:.4;cursor:not-allowed}.sp-hero-title{font-size:22px;font-weight:800;color:var(--text);margin:0 0 6px;display:flex;align-items:center;justify-content:center;gap:0}.sp-hero-desc{font-size:14px;color:var(--text-muted);margin:0 0 20px}.sp-hero-search{max-width:540px;margin:0 auto;position:relative}.sp-hero-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:15px;pointer-events:none}.sp-hero-search-input{width:100%;padding:13px 42px;border:2px solid var(--border-input);border-radius:14px;background:var(--surface);color:var(--text);font-size:15px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.sp-hero-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,106,99,.12)}.sp-hero-search-input::placeholder{color:var(--text-muted)}.sp-hero-search-clear{position:absolute;right:48px;top:50%;transform:translateY(-50%);background:var(--surface2);border:none;border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px;cursor:pointer;transition:background .15s,color .15s}.sp-hero-search-clear:hover{background:var(--surface3);color:var(--text)}.sp-hero-search-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:var(--primary);border:none;border-radius:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;cursor:pointer;transition:background .15s}.sp-hero-search-btn:hover{background:var(--primary-hover)}.sp-container{max-width:1280px;margin:0 auto;padding:20px 24px 60px;width:100%;box-sizing:border-box}.sp-layout{display:flex;gap:28px;align-items:flex-start}.sp-sidebar{width:240px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:80px;max-height:calc(100vh - 100px);overflow-y:auto;scrollbar-width:none;background:var(--surface2);border:1px solid var(--ghost-border);border-radius:16px;padding-bottom:16px}.sp-sidebar::-webkit-scrollbar{display:none}.sp-sidebar-section{padding:14px 18px 10px}.sp-sidebar-section+.sp-sidebar-section{border-top:1px solid rgba(187,201,199,.25)}.sp-sidebar-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:10px}.sp-sidebar-pills{display:flex;flex-wrap:wrap;gap:6px}.sp-sidebar-pill{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;font-family:inherit;background:var(--surface);color:var(--text-sub);border:1px solid rgba(187,201,199,.3);cursor:pointer;transition:all .15s;white-space:nowrap}.sp-sidebar-pill:hover{border-color:var(--primary);color:var(--primary)}.sp-sidebar-pill.active{background:var(--primary);color:#fff;border-color:var(--primary)}.sp-sidebar-reset{display:flex;align-items:center;justify-content:center;gap:6px;width:calc(100% - 36px);margin:12px 18px 4px;padding:8px;border-radius:8px;border:1px solid rgba(187,201,199,.3);background:none;color:var(--text-muted);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s}.sp-sidebar-reset:hover{color:var(--primary);border-color:var(--primary)}.sp-main{flex:1 1;min-width:0}.sp-sidebar .sp-genre-chip{padding:4px 10px;font-size:11px;border-width:1.5px}.sp-pagination{gap:4px;padding:28px 0 8px}.sp-page-btn,.sp-pagination{display:flex;align-items:center;justify-content:center}.sp-page-btn{min-width:36px;height:36px;padding:0 4px;border-radius:8px;border:1px solid rgba(187,201,199,.3);background:var(--surface);color:var(--text-sub);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s}.sp-page-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.sp-page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.sp-page-btn:disabled{opacity:.35;cursor:default}.sp-page-btn i{font-size:12px}.sp-page-num{min-width:36px}.sp-inline-banner{position:relative;overflow:hidden;height:120px;border-radius:14px;margin-bottom:20px}.sp-inline-banner-track{display:flex;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1)}.sp-inline-banner-list{grid-column:1/-1;margin:8px 0}.sp-mobile-filters{display:none}.sp-chip-bar{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:16px;scrollbar-width:none;-ms-overflow-style:none}.sp-chip-bar::-webkit-scrollbar{display:none}.sp-audience-bar{display:flex;gap:6px;margin-bottom:12px}.sp-audience-btn{padding:6px 16px;border-radius:20px;border:1px solid var(--border);font-size:13px;font-weight:600;font-family:inherit;background:var(--surface);color:var(--text-sub);cursor:pointer;transition:all .18s;white-space:nowrap}.sp-audience-btn:hover{border-color:var(--primary);color:var(--primary)}.sp-audience-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.sp-genre-chip{padding:7px 16px;border:1.5px solid;border-radius:20px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:all .18s;background:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sp-genre-chip:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.08)}.sp-genre-chip.active{transform:translateY(-1px);box-shadow:0 2px 10px rgba(0,106,99,.2)}.sp-active-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.sp-active-chip{display:inline-flex;align-items:center;gap:5px;background:var(--primary-light);color:var(--primary-text);border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.sp-active-chip button{background:none;border:none;cursor:pointer;color:inherit;padding:0;line-height:1;font-size:11px;opacity:.7;transition:opacity .15s}.sp-active-chip button:hover{opacity:1}.sp-toolbar{justify-content:space-between;gap:10px;margin-bottom:16px;flex-wrap:wrap}.sp-toolbar,.sp-toolbar-left{display:flex;align-items:center}.sp-toolbar-left{gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.sp-toolbar-left::-webkit-scrollbar{display:none}.sp-toolbar-right{gap:8px}.sp-adv-filter-btn,.sp-toolbar-right{display:flex;align-items:center;flex-shrink:0}.sp-adv-filter-btn{gap:6px;padding:7px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-sub);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sp-adv-filter-btn.active,.sp-adv-filter-btn:hover{border-color:var(--primary);color:var(--primary)}.sp-adv-filter-btn.active{background:var(--primary-light)}.sp-badge{background:var(--primary);color:#fff;border-radius:10px;padding:0 6px;font-size:11px;font-weight:700;line-height:18px;display:inline-block}.sp-sort-group{display:flex;gap:4px}.sp-count{font-size:13px;color:var(--text-muted);white-space:nowrap}.sp-view-toggle{display:flex;gap:2px;background:var(--surface2);border-radius:8px;padding:3px;flex-shrink:0}.sp-view-btn{border:none;border-radius:6px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--text-muted);cursor:pointer;font-size:13px;transition:all .15s}.sp-view-btn.active{background:var(--surface);color:var(--primary);box-shadow:0 1px 4px rgba(0,0,0,.1)}.sp-view-btn:not(.active):hover{color:var(--text-sub)}.sp-trend-sub{display:none;align-items:center;gap:6px;flex-wrap:nowrap;margin-bottom:12px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.sp-trend-sub::-webkit-scrollbar{display:none}.sp-trend-sub.show{display:flex}.sp-trend-label{font-size:11px;color:var(--text-muted);font-weight:700;letter-spacing:.05em}.sp-trend-btn{padding:4px 12px;border:1px solid var(--border);border-radius:20px;background:var(--surface);color:var(--text-muted);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sp-trend-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.sp-trend-btn:not(.active):hover{color:var(--text-sub);border-color:var(--text-muted)}.sp-adv-panel{max-height:0;overflow:hidden;transition:max-height .3s ease}.sp-adv-panel.open{max-height:500px}.sp-adv-inner{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.sp-adv-inner,.sp-adv-section{margin-bottom:16px}.sp-adv-section:last-of-type{margin-bottom:12px}.sp-adv-section-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.sp-adv-section-title{font-weight:700;letter-spacing:.05em;text-transform:uppercase}.sp-adv-section-title,.sp-f-more-btn{font-size:12px;color:var(--text-muted)}.sp-f-more-btn{background:none;border:none;cursor:pointer;padding:2px 4px;border-radius:4px;display:flex;align-items:center;gap:3px;transition:color .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sp-f-more-btn:hover{color:var(--primary-text)}.sp-adv-chips{display:flex;flex-wrap:wrap;gap:6px}.sp-tag-chip{padding:5px 12px;border:1px solid var(--border);border-radius:20px;font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;background:transparent;color:var(--text-sub);transition:all .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sp-tag-chip:hover{border-color:var(--primary);color:var(--primary)}.sp-tag-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.sp-filter-mode{display:flex;gap:4px;background:var(--surface2);border-radius:20px;padding:3px;margin-top:6px;max-width:260px}.sp-mode-btn{flex:1 1;padding:6px 0;border:none;border-radius:18px;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .18s;background:transparent;color:var(--text-muted)}.sp-mode-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px rgba(0,106,99,.25)}.sp-mode-btn:not(.active):hover{color:var(--text-sub)}.sp-serial-btn,.sp-type-btn{flex:1 1;padding:6px 0;border:none;border-radius:18px;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .18s;background:transparent;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;gap:4px}.sp-serial-btn.active,.sp-type-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px rgba(0,106,99,.25)}.sp-serial-btn:not(.active):hover,.sp-type-btn:not(.active):hover{color:var(--text-sub)}.sp-mode-desc{font-size:11px;color:var(--text-muted);margin:6px 0 0;line-height:1.4}.sp-adv-reset{width:100%;padding:8px;border:1px solid var(--border);border-radius:8px;background:none;color:var(--text-muted);font-size:12px;font-family:inherit;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px}.sp-adv-reset:hover{border-color:#ef4444;color:#ef4444}.sp-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:20px 16px;gap:20px 16px}.sp-grid .novel-card{min-width:0}.sp-grid.list-view{display:flex;flex-direction:column;gap:0}.sp-grid.list-view .novel-card{flex-direction:row!important;min-height:auto;align-items:stretch;border:none;border-radius:0;border-bottom:1px solid var(--border);box-shadow:none;background:transparent;padding:16px 0}.sp-grid.list-view .novel-card:hover{box-shadow:none;border-color:var(--border);background:var(--surface2)}.sp-grid.list-view .novel-card .novel-thumbnail{width:108px;min-width:108px;height:150px;padding-top:0!important;flex-shrink:0;position:relative;overflow:hidden;border-radius:8px;margin:0}.sp-grid.list-view .novel-card .novel-thumbnail-inner{position:absolute;inset:0;width:100%!important;height:100%!important;border-radius:8px}.sp-grid.list-view .novel-card .novel-card-body{flex:1 1;min-width:0;padding:2px 20px;display:flex;flex-direction:column;justify-content:center;gap:6px}.sp-grid.list-view .novel-card .novel-card-title{font-size:17px;font-weight:700;line-height:1.3;white-space:normal;word-break:break-word}.sp-grid.list-view .novel-card .novel-card-author{font-size:13px;color:var(--text-secondary)}.sp-grid.list-view .novel-card .novel-card-stats{font-size:13px;gap:12px;color:var(--text-secondary)}.sp-grid.list-view .sp-list-synopsis,.sp-list-synopsis{display:-webkit-box}.sp-list-synopsis{font-size:13px;color:var(--text-secondary);margin:2px 0 4px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.6;word-break:break-all}.sp-grid:not(.list-view) .sp-list-synopsis{display:none}.sp-grid.list-view .genre-badge{display:none!important}.sp-grid:not(.list-view) .sp-list-meta{display:none}.sp-list-meta{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow:hidden}.sp-list-genre{display:inline-flex;align-items:center;border-radius:20px;font-weight:700;color:#fff;flex-shrink:0}.sp-list-genre,.sp-list-tag{padding:3px 10px;font-size:12px}.sp-list-tag{color:var(--text-sub);background:#fff;border:1px solid var(--border);border-radius:20px}html.dark-mode .sp-list-tag{background:var(--surface3);border-color:var(--border);color:var(--text-sub)}.sp-trend-rank{display:none;align-items:center;justify-content:center;width:36px;min-width:36px;font-size:17px;font-weight:800;color:var(--text-muted);background:transparent;flex-shrink:0}.sp-grid.list-view .sp-trend-rank{display:flex}.sp-grid:not(.list-view) .sp-trend-rank{display:flex;position:absolute;top:6px;right:6px;z-index:4;width:26px;min-width:26px;height:26px;font-size:12px;background:rgba(0,0,0,.65);color:#fff;border-radius:8px}.sp-grid:not(.list-view) .sp-trend-rank.r1{background:rgba(245,158,11,.85);color:#fff}.sp-grid:not(.list-view) .sp-trend-rank.r2{background:rgba(156,163,175,.85);color:#fff}.sp-grid:not(.list-view) .sp-trend-rank.r3{background:rgba(180,83,9,.85);color:#fff}.sp-trend-rank.r1{color:#f59e0b}.sp-trend-rank.r2{color:#9ca3af}.sp-trend-rank.r3{color:#b45309}.sp-up-badge{display:inline-block;margin-left:6px;padding:1px 7px;font-size:11px;font-weight:800;line-height:1.4;color:#fff;background:linear-gradient(135deg,#f43f5e,#ef4444);border-radius:4px;vertical-align:middle;letter-spacing:.5px;animation:sp-up-pulse 2s ease-in-out infinite}@keyframes sp-up-pulse{0%,to{opacity:1}50%{opacity:.7}}.sp-card-info-row{display:flex;align-items:center;gap:8px;margin:2px 0}.sp-card-chap{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:3px}.sp-card-chap i{font-size:10px}.sp-card-serial{font-size:10px;padding:1px 6px;border-radius:4px;font-weight:600}.sp-card-serial.ongoing{background:rgba(16,185,129,.12);color:var(--success)}.sp-card-serial.completed{background:rgba(156,163,175,.12);color:#9ca3af}.sp-card-hover-preview{position:absolute;inset:0;background:rgba(0,0,0,.78);display:flex;align-items:flex-end;padding:12px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:2;border-radius:inherit}.novel-thumbnail-inner:hover .sp-card-hover-preview{opacity:1}.sp-card-hover-text{font-size:12px;line-height:1.5;color:#e8e8f0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.sp-grid.list-view .sp-card-info-row{display:none}.sp-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:1200;display:none;align-items:center;justify-content:center}.sp-modal,.sp-modal-overlay.open{display:flex}.sp-modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:min(92vw,580px);max-height:82vh;flex-direction:column;box-shadow:0 12px 48px rgba(0,0,0,.28);overflow:hidden}.sp-modal-hd{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 18px;border-bottom:1px solid var(--border);flex-shrink:0}.sp-modal-title{font-size:17px;font-weight:700;color:var(--text)}.sp-modal-close{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:18px;padding:2px 6px;line-height:1}.sp-modal-close:hover{color:var(--text)}.sp-modal-body{flex:1 1;overflow-y:auto;padding:18px 24px}.sp-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:2px;gap:2px}.sp-modal-grid .sp-cb-item{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:6px;cursor:pointer;transition:background .12s;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.sp-modal-grid .sp-cb-item:hover{background:var(--surface2)}.sp-modal-grid .sp-cb-label{color:var(--text-sub)}.sp-cb{width:15px;height:15px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.sp-cb-label{font-size:13px;color:var(--text-sub);line-height:1.3}.sp-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1px solid var(--border);flex-shrink:0}.sp-modal-reset-btn{background:none;border:1px solid var(--border);border-radius:8px;padding:8px 14px;font-size:13px;font-family:inherit;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s}.sp-modal-reset-btn:hover{border-color:#ef4444;color:#ef4444}.sp-modal-confirm-btn{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:8px 24px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s}.sp-modal-confirm-btn:hover{background:var(--primary-hover)}.sp-modal-search-wrap{padding:0 24px 16px}.sp-modal-search{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--border-input);background:var(--surface2);font-size:13px;font-family:inherit;color:var(--text);outline:none;transition:border-color .15s;box-sizing:border-box}.sp-modal-search:focus{border-color:var(--primary)}.sp-modal-search::placeholder{color:var(--text-muted)}.sp-modal-empty{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:14px;grid-column:1/-1}.sp-exclude-badge{position:absolute;top:-4px;right:-4px;width:14px;height:14px;border-radius:50%;background:#ef4444;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.sp-genre-chip,.sp-sidebar-pill{position:relative;overflow:visible}.sp-cb-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;border:none;background:none;cursor:pointer;font-family:inherit;font-size:13px;color:var(--text);transition:all .12s;width:100%;text-align:left}.sp-cb-item:hover{background:var(--hover-overlay-strong,var(--surface2))}.sp-cb-icon{width:18px;height:18px;border-radius:4px;border:2px solid var(--border-input);display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0;transition:all .12s}.sp-cb-item.include .sp-cb-icon{background:var(--primary);border-color:var(--primary);color:#fff}.sp-cb-item.exclude .sp-cb-icon{background:#ef4444;border-color:#ef4444;color:#fff}.sp-active-chip.exclude{background:rgba(239,68,68,.1)!important;color:#ef4444!important}.sp-static-banner{display:flex;align-items:center;justify-content:center;height:120px;border-radius:14px;overflow:hidden;text-decoration:none;color:#fff;position:relative;transition:transform .2s,box-shadow .2s}.sp-static-banner:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.sp-static-banner .sp-hero-banner-text{text-align:center}.skeleton-card-wrap{overflow:hidden}body.has-mobile-bottom-nav .sp-container{padding-bottom:80px}@media (max-width:1100px){.sp-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:960px){.sp-sidebar{display:none}.sp-layout{flex-direction:column;gap:0}.sp-mobile-filters{display:flex}}@media (max-width:900px){.sp-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.sp-hero-banner{height:140px}.sp-hero-banner-text h3{font-size:15px}.sp-hero-banner-text p{font-size:12px}.sp-hero-search-bar{padding:10px 16px 12px}.sp-hero-desc{font-size:13px;margin-bottom:14px}.sp-hero-search-input{padding:11px 40px;font-size:14px}.sp-container{padding:14px 14px 60px}.sp-chip-bar{gap:6px;margin-bottom:12px}.sp-genre-chip{padding:5px 12px;font-size:12px}.sp-toolbar{gap:8px}.sp-toolbar-left{gap:6px}.sp-sort-group{gap:2px}.sp-grid{grid-template-columns:repeat(3,1fr);gap:12px}.sp-grid.list-view{grid-template-columns:unset}.sp-modal-grid{grid-template-columns:repeat(2,1fr)}.sp-adv-inner{padding:14px}}@media (max-width:480px){.sp-grid{grid-template-columns:repeat(2,1fr);gap:10px}.sp-grid.list-view{grid-template-columns:unset}.sp-toolbar-left .sp-sort-group{display:none}}.au-wrap{max-width:none;margin:0;padding:0 max(32px,calc((100% - 1100px) / 2)) 48px}.au-hero{background:var(--surface);border-bottom:1px solid var(--border);padding:24px max(32px,calc((100% - 1100px) / 2))}.au-hero-back{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-size:13px;text-decoration:none;margin-bottom:16px;transition:color .15s}.au-hero-back:hover{color:var(--primary)}.au-hero-main{gap:16px}.au-hero-avatar,.au-hero-main{display:flex;align-items:center}.au-hero-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--hero-c1,#006A63),var(--hero-c2,#2DD4BF));justify-content:center;font-size:22px;color:#fff;flex-shrink:0;box-shadow:0 3px 10px rgba(0,106,99,.2)}.au-hero-info{flex:1 1;min-width:0}.au-hero-title{font-size:18px;font-weight:800;color:var(--text)}.au-hero-author{font-size:13px;color:var(--text-muted);display:flex;align-items:center;gap:6px;margin-top:2px}.au-hero-stats{display:flex;gap:6px;flex-shrink:0}.follow-author-btn{padding:8px 18px;border-radius:10px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s}.follow-author-btn:hover{border-color:var(--primary);color:var(--primary)}.follow-author-btn.following{background:var(--primary);border-color:var(--primary);color:#fff}.au-stat{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 16px;border-radius:10px;background:var(--surface2);border:1px solid var(--border);min-width:64px}.au-stat-num{font-size:15px;font-weight:800;color:var(--text)}.au-stat-label{font-size:10px;color:var(--text-muted)}.au-body{display:flex;gap:28px;padding-top:28px;align-items:flex-start}.au-main{flex:1 1;min-width:0}.au-sidebar{width:280px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:88px}.au-side-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:16px}.au-side-card-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:14px;display:flex;align-items:center;gap:6px}.au-side-card-title i{color:var(--primary)}.au-novel-mini{display:flex;gap:12px;align-items:center;padding:10px;border-radius:10px;background:var(--surface2);cursor:pointer;transition:all .15s;text-decoration:none;color:inherit}.au-novel-current,.au-novel-mini:hover{background:var(--surface3)}.au-novel-current{border:1.5px solid var(--primary)}.au-no-works{font-size:13px;color:var(--text-muted);text-align:center;padding:20px 12px}.au-novel-thumb{width:48px;height:64px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.au-novel-mini-info{flex:1 1;min-width:0}.au-novel-mini-title{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.au-novel-mini-meta{font-size:11px;color:var(--text-muted);margin-top:2px}.au-profile-card{text-align:center;padding:28px 20px}.au-profile-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#f97316);display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;margin:0 auto 12px;box-shadow:0 4px 12px rgba(245,158,11,.25)}.au-profile-name{font-size:16px;font-weight:700;color:var(--text)}.au-profile-badge{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-size:11px;font-weight:600;color:#f59e0b;background:rgba(245,158,11,.1);padding:3px 12px;border-radius:12px}.au-profile-bio{font-size:13px;line-height:1.6;color:var(--text-sub);margin-top:12px;padding:0 4px;word-break:break-word;white-space:pre-wrap}.au-profile-info{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);text-align:left}.au-profile-info-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-sub);padding:5px 4px}.au-profile-info-row i{width:14px;text-align:center;color:var(--text-muted);font-size:11px}.au-profile-stats{display:flex;justify-content:center;gap:24px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.au-profile-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.au-profile-stat-num{font-size:16px;font-weight:800;color:var(--text)}.au-profile-stat-label{font-size:10px;color:var(--text-muted)}.au-write-box{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;margin-bottom:20px}.au-write-top{gap:12px;margin-bottom:16px}.au-write-avatar,.au-write-top{display:flex;align-items:center}.au-write-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#f97316);justify-content:center;font-size:16px;color:#fff;flex-shrink:0}.au-write-prompt{flex:1 1;padding:10px 16px;background:var(--surface2);border:1px solid var(--border);border-radius:24px;color:var(--text-muted);font-size:14px;cursor:pointer;transition:all .15s}.au-write-prompt:hover{border-color:var(--primary);color:var(--text-sub)}.au-write-tabs{display:flex;gap:8px;margin-bottom:16px}.au-write-tab{padding:7px 16px;border-radius:20px;border:1px solid var(--border);background:var(--surface2);color:var(--text-sub);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.au-write-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.au-write-field{margin-bottom:12px}.au-write-field label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:6px}.au-write-field input,.au-write-field textarea{width:100%;padding:10px 14px;background:var(--surface2);border:1px solid var(--border-input);border-radius:10px;color:var(--text);font-size:14px;outline:none;transition:border-color .18s;font-family:inherit;box-sizing:border-box}.au-write-field input:focus,.au-write-field textarea:focus{border-color:var(--primary)}.au-write-field textarea{resize:vertical;min-height:120px;line-height:1.7}.au-write-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.au-btn-cancel{padding:9px 18px;border-radius:10px;background:var(--surface2);border:1px solid var(--border);color:var(--text-sub);font-size:13px;cursor:pointer;transition:all .15s}.au-btn-cancel:hover{background:var(--surface3)}.au-btn-submit{padding:9px 22px;border-radius:10px;background:var(--primary);border:none;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:6px}.au-btn-submit:hover{background:var(--primary-hover)}.au-poll-options{display:flex;flex-direction:column;gap:8px}.au-poll-opt-row{display:flex;gap:8px;align-items:center}.au-poll-opt-row input{flex:1 1}.au-poll-remove-btn{width:28px;height:28px;border-radius:50%;background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.au-poll-remove-btn:hover{color:#ef4444;border-color:#ef4444}.au-poll-add-btn{padding:6px 14px;border-radius:8px;background:var(--surface2);border:1px solid var(--border);color:var(--text-sub);font-size:12px;cursor:pointer;margin-top:4px;transition:all .15s}.au-poll-add-btn:hover{border-color:var(--primary);color:var(--primary)}.au-poll-duration{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--text-sub);margin-top:10px}.au-poll-duration select{padding:6px 10px;border-radius:8px;background:var(--surface2);border:1px solid var(--border);color:var(--text);font-size:13px}.au-post-list{display:flex;flex-direction:column;gap:16px}.au-post{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px 28px;transition:all .15s}.au-post:hover{border-color:rgba(0,106,99,.15);box-shadow:var(--shadow-md)}.au-post-top{gap:12px;margin-bottom:14px}.au-post-avatar,.au-post-top{display:flex;align-items:center}.au-post-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;justify-content:center;font-size:16px;flex-shrink:0}.au-post-meta{flex:1 1}.au-post-name{font-size:14px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px}.au-post-name .au-badge{font-size:10px;font-weight:600;color:#f59e0b;background:rgba(245,158,11,.1);padding:2px 8px;border-radius:10px}.au-post-date{font-size:12px;color:var(--text-muted);margin-top:1px;display:flex;align-items:center;gap:6px}.au-post-novel-tag{font-size:11px;font-weight:600;color:var(--primary);background:var(--primary-light,rgba(0,106,99,.08));padding:1px 8px;border-radius:8px}.au-post-type-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;text-transform:uppercase;padding:3px 10px;border-radius:12px;letter-spacing:.3px}.au-post-type-badge.text{color:var(--primary);background:var(--primary-light)}.au-post-type-badge.poll{color:var(--primary-text);background:rgba(45,212,191,.1)}.au-post-delete{width:32px;height:32px;border-radius:8px;background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.au-post-delete:hover{color:#ef4444;background:rgba(239,68,68,.08)}.au-post-title{font-size:17px;font-weight:700;color:var(--text);margin-bottom:10px;line-height:1.4}.au-post-body{font-size:14px;line-height:1.85;color:var(--text-sub);white-space:pre-wrap;word-break:break-word;padding:16px 20px;background:linear-gradient(135deg,rgba(245,158,11,.03),rgba(249,115,22,.03));border-radius:12px;border-left:3px solid #f59e0b;position:relative;margin-bottom:14px}.au-post-body:before{content:"\201C";position:absolute;top:6px;left:8px;font-size:24px;color:rgba(245,158,11,.15);font-family:Georgia,serif}.au-poll-box{margin-bottom:14px}.au-poll-question{font-size:16px;font-weight:700;color:var(--text);margin-bottom:12px;display:flex;align-items:center;gap:8px}.au-poll-question i{color:var(--primary-text)}.au-poll-opt{display:flex;align-items:center;gap:10px;padding:12px 16px;margin-bottom:8px;background:var(--surface2);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .15s;position:relative;overflow:hidden}.au-poll-opt:hover{border-color:var(--primary)}.au-poll-opt.voted{border-color:rgba(0,106,99,.2);background:rgba(0,106,99,.04)}.au-poll-opt.selected{border-color:var(--primary);background:rgba(0,106,99,.1)}.au-poll-opt-bar{position:absolute;left:0;top:0;bottom:0;background:rgba(0,106,99,.06);transition:width .4s ease}.au-poll-opt-label{flex:1 1;font-size:14px;color:var(--text);position:relative;z-index:1}.au-poll-opt-pct{font-size:13px;font-weight:700;color:var(--primary);position:relative;z-index:1}.au-poll-info{font-size:12px;color:var(--text-muted);margin-top:10px;gap:8px}.au-poll-info,.au-post-footer{display:flex;align-items:center}.au-post-footer{gap:4px;padding-top:14px;border-top:1px solid var(--border)}.au-post-action{display:flex;align-items:center;gap:5px;background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;padding:6px 12px;border-radius:8px;transition:all .15s}.au-post-action:hover{background:var(--surface2);color:var(--primary)}.au-post-action.liked{color:#ef4444}.au-comments{display:none;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.au-comments.open{display:block}.au-comment-list{margin-bottom:12px}.au-comment{display:flex;gap:10px;padding:10px 0}.au-comment+.au-comment{border-top:1px solid var(--border)}.au-comment-avatar{width:32px;height:32px;border-radius:50%;background:var(--surface3);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--text-muted);flex-shrink:0}.au-comment-body{flex:1 1;min-width:0}.au-comment-head{display:flex;align-items:center;gap:8px;margin-bottom:3px}.au-comment-name{font-size:13px;font-weight:600;color:var(--text)}.au-comment-time{font-size:11px;color:var(--text-muted)}.au-comment-text{font-size:13px;line-height:1.6;color:var(--text-sub);word-break:break-word}.au-comment-actions{display:flex;gap:12px;margin-top:4px}.au-comment-action-btn{background:none;border:none;font-size:11px;color:var(--text-muted);cursor:pointer;padding:0}.au-comment-action-btn:hover{color:var(--primary)}.au-comment-action-btn.liked{color:#ef4444}.au-comment-input-wrap{display:flex;gap:8px;align-items:center}.au-comment-input{flex:1 1;padding:10px 14px;border:1px solid var(--border-input);border-radius:20px;background:var(--surface2);color:var(--text);font-size:13px;outline:none;transition:border-color .15s}.au-comment-input:focus{border-color:var(--primary)}.au-comment-submit{width:36px;height:36px;border-radius:50%;background:var(--primary);border:none;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s;flex-shrink:0}.au-comment-submit:hover{opacity:.85}.au-empty{text-align:center;padding:80px 20px;color:var(--text-muted)}.au-empty-icon{width:64px;height:64px;border-radius:50%;background:var(--surface2);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:24px;color:var(--text-muted);opacity:.5}.au-empty p{font-size:14px;line-height:1.6}.au-post.pinned{border-color:rgba(0,106,99,.35);box-shadow:0 0 0 1px rgba(0,106,99,.15),0 2px 12px rgba(0,106,99,.08);position:relative}.au-post.pinned:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#006A63,var(--primary-container));border-radius:14px 14px 0 0}.au-pin-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:#006A63;background:rgba(0,106,99,.1);padding:2px 10px;border-radius:12px;margin-left:4px}.au-post-pin{width:32px;height:32px;border-radius:8px;background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.au-post-pin:hover{color:#006A63;background:rgba(0,106,99,.08)}.au-post-pin.active{color:#006A63}.au-fan-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:700;padding:1px 8px;border-radius:10px;line-height:1.5;white-space:nowrap;vertical-align:middle}.au-fan-badge.tier-sprout{color:var(--success);background:rgba(16,185,129,.1)}.au-fan-badge.tier-regular{color:#eab308;background:rgba(234,179,8,.1)}.au-fan-badge.tier-superfan{color:#60a5fa;background:rgba(96,165,250,.1)}.au-fan-badge.tier-topfan{color:#f59e0b;background:rgba(245,158,11,.15)}@media (max-width:900px){.au-wrap{padding:0 16px 32px}.au-hero{padding:20px 16px}.au-hero-main{flex-wrap:wrap;gap:12px}.au-hero-avatar{width:44px;height:44px;font-size:18px}.au-hero-title{font-size:16px}.au-hero-stats{width:100%;justify-content:flex-start}.au-stat{padding:6px 12px;min-width:56px}.au-stat-num{font-size:13px}.au-body{flex-direction:column;gap:16px}.au-sidebar{width:100%;position:static}.au-post{padding:18px 16px}}.mp-wrap{max-width:860px;margin:0 auto;padding:0 20px}.mp-profile-card,.mp-wrap{width:100%;box-sizing:border-box}.mp-profile-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;margin-bottom:0;position:relative;overflow:hidden;display:flex;flex-direction:column}.mp-banner{width:100%;height:100px}.mp-avatar-wrap,.mp-banner{position:relative;flex-shrink:0}.mp-avatar-wrap{margin-top:-40px;margin-left:28px;z-index:2}.mp-avatar{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;box-shadow:0 4px 20px rgba(0,0,0,.25);transition:opacity .18s;cursor:pointer;border:3px solid var(--surface)}.mp-avatar:hover .mp-avatar-hover{opacity:1}.mp-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;position:absolute;inset:0}.mp-avatar{position:relative;overflow:hidden}.mp-avatar-hover{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;opacity:0;transition:opacity .2s;border-radius:50%}.mp-color-picker{display:none;position:absolute;top:90px;left:0;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 14px;z-index:100;gap:8px;flex-wrap:wrap;width:130px;box-shadow:0 8px 24px rgba(0,0,0,.3)}.mp-color-picker.open{display:flex}.mp-color-swatch{width:28px;height:28px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .15s,border-color .15s}.mp-color-swatch:hover{transform:scale(1.15)}.mp-color-swatch.active{border-color:var(--primary)}.mp-profile-body{padding:12px 28px 0}.mp-info{flex:1 1;min-width:0}.mp-nickname{font-size:22px;font-weight:700;color:var(--text);margin-bottom:2px}.mp-email{font-size:13px;color:var(--text-muted);margin-bottom:0}.mp-stats{display:flex;gap:10px;flex-wrap:wrap;padding:16px 28px 24px}.mp-stat{display:flex;flex-direction:column;align-items:center;background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:10px 18px;min-width:70px}.mp-stat-num{font-size:18px;font-weight:700;color:var(--primary-text)}.mp-stat-label{font-size:11px;color:var(--text-muted);margin-top:2px}.mp-logout-btn{background:rgba(255,255,255,.85);border:1px solid var(--border);color:var(--text-sub);border-radius:10px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;flex-shrink:0;font-family:inherit;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mp-logout-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff}.mp-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:0;gap:2px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;position:-webkit-sticky;position:sticky;top:64px;z-index:10;background:var(--bg)}.mp-tabs::-webkit-scrollbar{display:none}.mp-tab{padding:10px 18px;font-size:14px;font-weight:600;color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s;margin-bottom:-1px;white-space:nowrap;font-family:inherit}.mp-tab.active{color:var(--primary-text);border-bottom-color:var(--primary)}.mp-tab:hover:not(.active){color:var(--text-sub)}.mp-profile-card{margin-top:32px}.mp-edit-profile-btn{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:6px 14px;border-radius:8px;background:var(--surface2);border:1px solid var(--border);color:var(--text-sub);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.mp-edit-profile-btn:hover{border-color:var(--primary);color:var(--primary)}.mp-bio{font-size:13px;color:var(--text-sub);margin-top:6px;line-height:1.5}.mp-stat-click{cursor:pointer;transition:all .2s}.mp-stat-click:hover{border-color:var(--primary);background:var(--primary-light,rgba(0,106,99,.06))}.mp-mini-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:10px;padding:8px 24px;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 2px 8px rgba(0,0,0,.06);animation:slideDown .2s ease}.mp-mini-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;flex-shrink:0}.mp-mini-nick{font-size:14px;font-weight:700;color:var(--text);white-space:nowrap}.mp-mini-tabs{display:flex;gap:2px;margin-left:auto}.mp-mini-tab{padding:6px 12px;border-radius:8px;border:none;background:none;color:var(--text-muted);font-size:14px;cursor:pointer;font-family:inherit;transition:all .15s;position:relative}.mp-mini-tab.active{background:var(--primary-light,rgba(0,106,99,.08))}.mp-mini-tab.active,.mp-mini-tab:hover{color:var(--primary)}.mp-mini-badge{position:absolute;top:2px;right:2px;min-width:14px;height:14px;border-radius:7px;background:#ef4444;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 3px}.mp-content-area{width:100%;padding:24px 0 80px;box-sizing:border-box}.mp-panel{display:none;width:100%}.mp-panel.active{display:block}.notif-settings-card{background:var(--surface2);border:1px solid var(--border);border-radius:12px;overflow:hidden}.notif-settings-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .15s}.notif-settings-header:hover{background:var(--surface3)}.notif-settings-header-left{font-size:14px;font-weight:600;color:var(--text-sub);display:flex;align-items:center;gap:8px}.notif-settings-header-left i{color:var(--text-muted)}.notif-settings-chevron{font-size:12px;color:var(--text-muted);transition:transform .25s}.notif-settings-card.open .notif-settings-chevron{transform:rotate(180deg)}.notif-settings-divider{height:0;border:none;border-top:1px solid var(--border);margin:0}.notif-settings-body{display:none;padding:14px 18px}.notif-settings-card.open .notif-settings-body{display:block}.notif-master-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0 14px;border-bottom:1px solid var(--border);margin-bottom:10px}.notif-master-label{font-size:13px;font-weight:600;color:var(--text-sub)}.notif-setting-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;gap:12px}.notif-setting-row+.notif-setting-row{border-top:1px solid var(--border)}.notif-setting-info{display:flex;align-items:flex-start;gap:10px;flex:1 1;min-width:0}.notif-setting-emoji{font-size:20px;flex-shrink:0;line-height:1;margin-top:2px}.notif-setting-text{flex:1 1;min-width:0}.notif-setting-name{font-size:13px;font-weight:600;color:var(--text);margin-bottom:2px}.notif-setting-desc{font-size:11px;color:var(--text-muted);line-height:1.4}.notif-toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.notif-toggle input{opacity:0;width:0;height:0;position:absolute}.notif-toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--border);border-radius:24px;transition:background .25s}.notif-toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .25s;box-shadow:0 1px 3px rgba(0,0,0,.2)}.notif-toggle input:checked+.notif-toggle-slider{background:var(--primary)}.notif-toggle input:checked+.notif-toggle-slider:before{transform:translateX(20px)}.notif-list{display:flex;flex-direction:column;gap:10px}.notif-item{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 18px;display:flex;gap:14px;align-items:flex-start}.notif-item.unread{border-color:var(--primary);background:var(--primary-light)}.notif-icon{font-size:22px;flex-shrink:0}.notif-body{flex:1 1;min-width:0}.notif-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:3px}.notif-desc{font-size:13px;color:var(--text-sub);line-height:1.5}.notif-time{font-size:11px;color:var(--text-muted);margin-top:5px}.notif-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);flex-shrink:0;margin-top:6px}.mp-follow-list{display:flex;flex-direction:column;gap:12px}.mp-follow-item{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--border)}.mp-follow-item:last-child{border-bottom:none}.mp-follow-avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.mp-follow-info{flex:1 1;min-width:0}.mp-follow-name{font-size:14px;font-weight:700;color:var(--text);margin-bottom:2px}.mp-follow-sub{font-size:12px;color:var(--text-muted)}.mp-follow-novels{display:flex;gap:6px;flex-wrap:wrap}.mp-follow-novel-chip{font-size:11px;padding:3px 10px;border-radius:20px;background:var(--primary-light);color:var(--primary-text);text-decoration:none;font-weight:500;transition:background .15s}.mp-follow-novel-chip:hover{background:var(--primary);color:#fff}.mp-unfollow-btn{padding:6px 14px;border:1px solid var(--primary);border-radius:20px;background:var(--primary-light);color:var(--primary-text);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;flex-shrink:0;font-family:inherit}.mp-unfollow-btn:hover{border-color:#ef4444;color:#ef4444;background:rgba(239,68,68,.08)}.mp-author-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.mp-author-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-container));display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;flex-shrink:0}.mp-author-name{font-size:18px;font-weight:700;color:var(--text);margin-bottom:2px}.mp-author-bio{font-size:13px;color:var(--text-muted);line-height:1.4}.mp-author-edit-btn{margin-left:auto;padding:8px 16px;border:1px solid var(--border);border-radius:8px;background:none;color:var(--text-sub);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;flex-shrink:0;font-family:inherit}.mp-author-edit-btn:hover{border-color:var(--primary);color:var(--primary)}.mp-author-stats{display:flex;gap:10px;margin-bottom:20px}.mp-author-stat{flex:1 1;text-align:center;background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:14px 10px}.mp-author-stat span:first-child{display:block;font-size:20px;font-weight:700;color:var(--primary-text);margin-bottom:4px}.mp-author-stat span:last-child{font-size:11px;color:var(--text-muted)}.mp-author-actions{display:flex;gap:10px;margin-bottom:16px}.mp-author-action-btn{flex:1 1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:10px;background:var(--primary);color:#fff;text-decoration:none;font-weight:600;font-size:13px;transition:background .15s}.mp-author-action-btn:hover{background:var(--primary-hover)}.mp-author-action-btn:nth-child(2){background:var(--surface2);color:var(--text-sub);border:1px solid var(--border)}.mp-author-action-btn:nth-child(2):hover{border-color:var(--primary);color:var(--primary)}.mp-author-bank{font-size:13px;color:var(--text-muted);padding:12px 14px;background:var(--surface2);border-radius:8px;display:flex;align-items:center;gap:8px}.mp-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1200;display:flex;align-items:center;justify-content:center}.mp-modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:min(92vw,400px);box-shadow:0 12px 48px rgba(0,0,0,.3);overflow:hidden}.mp-modal-hd{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border)}.survey-genre-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:10px;gap:10px}.survey-genre-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;border:2px solid var(--border);border-radius:14px;cursor:pointer;transition:all .2s;text-align:center;background:var(--surface);-webkit-user-select:none;-moz-user-select:none;user-select:none}.survey-genre-item i{font-size:24px;color:var(--gc,var(--text-muted))}.survey-genre-item span{font-size:13px;font-weight:600;color:var(--text-sub)}.survey-genre-item:hover{border-color:var(--gc,var(--primary));background:var(--surface2)}.survey-genre-item.selected{border-color:var(--gc,var(--primary));background:var(--primary-light)}.survey-genre-item.selected i{color:var(--gc,var(--primary))}.survey-genre-item.selected span{color:var(--text)}.survey-chips{display:flex;flex-wrap:wrap;gap:8px}.survey-chip{padding:7px 16px;border:1px solid var(--border);border-radius:20px;font-size:13px;font-weight:500;color:var(--text-sub);background:var(--surface);cursor:pointer;transition:all .18s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.survey-chip:hover{border-color:var(--primary);color:var(--primary)}.survey-chip.selected{background:var(--primary);color:#fff;border-color:var(--primary)}.mp-novels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:16px;gap:16px}.mp-novel-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .18s,border-color .18s;text-decoration:none}.mp-novel-card:hover{transform:translateY(-3px);border-color:var(--text-muted)}.mp-novel-thumb{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}.mp-novel-thumb-color{width:100%;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--text-muted);opacity:.3}.mp-novel-info{padding:10px 10px 12px}.mp-novel-title{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}.mp-novel-author{font-size:11px;color:var(--text-muted)}.mp-subtabs{display:flex;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mp-subtabs::-webkit-scrollbar{display:none}.mp-subtab{flex:1 1;padding:8px 14px;font-size:13px;font-weight:600;border-radius:10px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:all .18s;white-space:nowrap;font-family:inherit}.mp-subtab:hover{color:var(--text);background:var(--surface2)}.mp-subtab.active{background:var(--primary);color:#fff}.mp-subtab i{font-size:12px}.lib-subtabs{display:flex;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.lib-subtabs::-webkit-scrollbar{display:none}.lib-subtab{flex-shrink:0;padding:8px 14px;font-size:12px;font-weight:600;border-radius:10px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .18s;white-space:nowrap;font-family:inherit}.lib-subtab:hover{color:var(--text);background:var(--surface2)}.lib-subtab.active{background:var(--primary);color:#fff}.lib-subtab i{font-size:11px}.lib-progress-bar{height:3px;background:var(--border);margin:0}.lib-progress-fill{height:100%;background:var(--primary);border-radius:0 2px 2px 0;transition:width .3s}.lib-cal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.lib-cal-title{font-size:16px;font-weight:700;color:var(--text)}.lib-cal-summary{font-size:13px;color:var(--primary);font-weight:600}.lib-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:2px;gap:2px;text-align:center}.lib-cal-dow{font-size:11px;font-weight:600;color:var(--text-muted);padding:6px 0}.lib-cal-cell{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:13px;color:var(--text-muted);border-radius:8px;position:relative}.lib-cal-cell.today{background:var(--surface2);font-weight:700;color:var(--text)}.lib-cal-cell.read{color:var(--primary);font-weight:700}.lib-cal-dot{width:5px;height:5px;border-radius:50%;background:var(--primary);position:absolute;bottom:4px}.lib-cal-cell[data-level="0"]{background:transparent}.lib-cal-cell[data-level="1"]{background:rgba(0,106,99,.15);color:var(--primary);font-weight:600}.lib-cal-cell[data-level="2"]{background:rgba(0,106,99,.3);color:var(--primary);font-weight:700}.lib-cal-cell[data-level="3"]{background:rgba(0,106,99,.5);color:#fff;font-weight:700}.lib-cal-cell[data-level="4"]{background:var(--primary);color:#fff;font-weight:700}.lib-cal-legend{display:flex;align-items:center;gap:4px;margin-top:10px;justify-content:flex-end;font-size:11px;color:var(--text-muted)}.lib-cal-legend-box{width:14px;height:14px;border-radius:3px;background:var(--surface2);border:1px solid var(--border)}.lib-cal-legend-box[data-level="1"]{background:rgba(0,106,99,.15);border-color:transparent}.lib-cal-legend-box[data-level="2"]{background:rgba(0,106,99,.3);border-color:transparent}.lib-cal-legend-box[data-level="3"]{background:rgba(0,106,99,.5);border-color:transparent}.lib-cal-legend-box[data-level="4"]{background:var(--primary);border-color:transparent}.lib-report-genres{display:flex;flex-direction:column;gap:10px}.lib-report-genre-row{display:flex;align-items:center;gap:10px}.lib-report-genre-name{width:80px;font-size:13px;font-weight:600;color:var(--text);text-align:right;flex-shrink:0}.lib-report-genre-bar{flex:1 1;height:20px;background:var(--surface2);border-radius:6px;overflow:hidden}.lib-report-genre-bar>div{height:100%;border-radius:6px;transition:width .5s}.lib-report-genre-pct{width:36px;font-size:12px;color:var(--text-muted);font-weight:600}.lib-report-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.lib-report-stat{text-align:center;padding:16px 8px;background:var(--surface2);border-radius:12px}.lib-report-stat-val{font-size:24px;font-weight:800;color:var(--primary)}.lib-report-stat-label{font-size:11px;color:var(--text-muted);margin-top:4px}.lib-report-compare{margin-top:20px}.lib-report-compare-label{font-size:13px;font-weight:600;color:var(--text);margin-bottom:12px}.lib-report-compare-bars{display:flex;flex-direction:column;gap:8px}.lib-report-compare-row{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-muted)}.lib-report-compare-row>span:first-child{width:28px;text-align:right;font-weight:600}.lib-report-compare-row>span:last-child{width:50px;font-weight:600}.lib-report-compare-bar{flex:1 1;height:16px;background:var(--surface2);border-radius:4px;overflow:hidden}.lib-report-compare-bar>div{height:100%;border-radius:4px;transition:width .5s}.mp-settings{display:flex;flex-direction:column;gap:20px}.mp-settings-section{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px}.mp-settings-title{font-size:15px;font-weight:700;color:var(--text);margin-bottom:18px;display:flex;align-items:center;gap:8px}.mp-settings-title i{color:var(--primary)}.mp-pref-divider{height:1px;background:var(--border);margin:20px 0}.sf{margin-bottom:14px}.sf label{display:block;font-size:12px;font-weight:600;color:var(--text-sub);margin-bottom:6px;letter-spacing:.3px}.sf-wrap{position:relative}.sf input{width:100%;padding:11px 14px;background:var(--bg);border:1px solid var(--border-input);border-radius:10px;color:var(--text);font-size:14px;outline:none;transition:border-color .18s,box-shadow .18s;box-sizing:border-box}.sf input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,106,99,.15)}.sf input::placeholder{color:var(--text-muted)}.sf input.has-toggle{padding-right:44px}.sf-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;font-size:14px;transition:color .18s}.sf-toggle:hover{color:var(--text-sub)}.pw-rules{margin-top:8px;display:flex;flex-direction:column;gap:4px}.pw-rule{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text-muted);transition:color .2s}.pw-rule.ok{color:var(--success)}.pw-rule.fail{color:var(--text-muted)}.pw-rule i{font-size:11px;width:14px}.sf-msg{font-size:12px;margin-top:6px;display:none}.sf-msg.show{display:block}.sf-msg.error{color:#ef4444}.sf-msg.success{color:var(--success)}.mp-btn{padding:11px 22px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .18s;border:none;display:inline-flex;align-items:center;gap:7px;font-family:inherit}.mp-btn-primary{background:var(--primary);color:#fff}.mp-btn-primary:hover{background:var(--primary-hover)}.mp-btn-primary:disabled{opacity:.5;cursor:not-allowed}.mp-btn-danger{background:none;color:#ef4444;border:1px solid #ef4444;width:100%;justify-content:center;padding:14px;font-size:15px;border-radius:12px;margin-top:12px}.mp-btn-danger:hover{background:rgba(239,68,68,.1)}.mp-btn-sm{padding:6px 14px;border-radius:8;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-family:inherit}.mp-btn-sm:hover{background:var(--surface)}.mp-floating-save{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;animation:mp-float-in .25s ease}.mp-floating-save-inner{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--primary);border-radius:16px;padding:10px 14px 10px 18px;box-shadow:0 8px 32px rgba(0,106,99,.18);font-size:13px;font-weight:600;color:var(--text)}@keyframes mp-float-in{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.mp-avatar-palette{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.mp-palette-swatch{width:38px;height:38px;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:transform .15s,border-color .15s;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff}.mp-palette-swatch:hover{transform:scale(1.12)}.mp-palette-swatch.active{border-color:var(--primary);box-shadow:0 0 0 2px rgba(0,106,99,.3)}.mp-adult-section{border:1px solid var(--border);padding:16px 18px;border-radius:12px;background:var(--surface2);display:flex;align-items:center;gap:14px}.mp-adult-status{font-size:14px;font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:8px;flex:1 1}.mp-adult-verified{color:var(--success)}.mp-adult-btn{background:var(--primary);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:background .18s;font-family:inherit;flex-shrink:0;display:inline-flex;align-items:center;gap:7px}.mp-adult-btn:hover{background:var(--primary-hover)}.mp-empty{text-align:center;padding:60px 20px;color:var(--text-muted);font-size:14px;line-height:1.8}.mp-empty i{font-size:36px;display:block;margin-bottom:14px;color:var(--border)}.mp-login-btn{display:inline-block;background:var(--primary);color:#fff;padding:12px 28px;border-radius:10px;text-decoration:none;font-weight:600;font-size:14px;transition:background .18s}.mp-login-btn:hover{background:var(--primary-hover)}.mp-loading{text-align:center;padding:40px;font-size:24px;color:var(--text-muted)}.settle-wrap{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px;margin-top:20px}.settle-header{margin-bottom:24px}.settle-title{font-size:20px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:10px;margin-bottom:6px}.settle-title i{color:var(--primary)}.settle-subtitle{font-size:13px;color:var(--text-muted)}.settle-columns{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;margin-bottom:28px}.settle-col-title{font-size:14px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px;margin-bottom:16px}.settle-col-title i{color:var(--primary);font-size:13px}.settle-field{margin-bottom:12px}.settle-label{display:block;font-size:12px;font-weight:600;color:var(--text-sub);margin-bottom:5px}.settle-input{width:100%;padding:10px 12px;background:var(--bg);border:1px solid var(--border-input);border-radius:8px;font-size:14px;color:var(--text);font-family:inherit;box-sizing:border-box;outline:none;transition:border-color .18s}.settle-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,106,99,.12)}.settle-input::placeholder{color:var(--text-muted)}.settle-select{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:8px;font-size:14px;color:var(--text);font-family:inherit;box-sizing:border-box;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding:10px 32px 10px 12px}.settle-select:focus{border-color:var(--primary)}.settle-upload-area{border:2px dashed var(--border);border-radius:10px;padding:20px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;min-height:100px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin-bottom:14px}.settle-upload-area:hover{border-color:var(--primary);background:rgba(0,106,99,.04)}.settle-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--text-muted)}.settle-upload-placeholder i{font-size:28px;color:var(--primary);opacity:.7}.settle-upload-placeholder span{font-size:13px;font-weight:600}.settle-upload-hint{font-size:11px!important;font-weight:400!important;color:var(--text-muted)!important}.settle-upload-preview{max-width:100%;max-height:140px;border-radius:6px;object-fit:contain}.settle-notes{font-size:12px;color:var(--text-muted);line-height:1.7;display:flex;flex-direction:column;gap:2px}.settle-note-sub{color:var(--text-muted);opacity:.8}.settle-agreement{border-top:1px solid var(--border);padding-top:24px;margin-bottom:24px}.settle-table{width:100%;border-collapse:collapse;margin-bottom:18px;font-size:13px}.settle-table th{background:var(--surface2);padding:10px 14px;font-weight:600;color:var(--text-sub)}.settle-table td,.settle-table th{text-align:center;border:1px solid var(--border)}.settle-table td{padding:12px 14px;color:var(--text);line-height:1.5}.settle-table td:last-child{white-space:nowrap;font-weight:600;color:var(--primary-text)}.settle-checks{display:flex;gap:24px;flex-wrap:wrap}.settle-check-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.settle-check-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.settle-required{color:#ef4444;font-size:12px;font-weight:600}.settle-submit-btn{display:block;width:100%;padding:16px;background:linear-gradient(135deg,#005A54,#006A63);color:#fff;border:none;border-radius:14px;font-size:17px;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .18s,transform .18s}.settle-submit-btn:hover{opacity:.92;transform:translateY(-1px)}.settle-submit-btn:active{transform:translateY(0)}.settle-msg{display:none;font-size:13px;padding:10px 14px;border-radius:8px;margin-bottom:14px}.settle-msg.error{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.settle-msg.success{background:rgba(34,197,94,.1);color:#16a34a;border:1px solid rgba(34,197,94,.2)}.ai-opt-toggle-track{background:#ccc}.ai-opt-toggle-thumb{left:2px}#aiLearningOptOut:checked+.ai-opt-toggle-track{background:var(--primary,#006A63)}#aiLearningOptOut:checked+.ai-opt-toggle-track .ai-opt-toggle-thumb{left:22px}.settle-uploads-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;margin-bottom:28px}.settle-upload-area:focus-visible{border-color:var(--primary);outline:2px solid var(--primary);outline-offset:2px}.merged-section-subtitle{font-size:12px;color:var(--text-muted);margin-top:2px;line-height:1.4}.settle-status-box{display:flex;align-items:flex-start;gap:14px;padding:20px;border-radius:12px;margin-top:4px}.settle-status-box>i{font-size:28px;flex-shrink:0;margin-top:2px}.settle-pending{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2)}.settle-pending>i{color:#f59e0b}.settle-approved{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.2)}.settle-approved>i{color:var(--success)}.settle-status-title{font-size:15px;font-weight:700;color:var(--text);margin-bottom:4px}.settle-status-desc{font-size:13px;color:var(--text-muted);line-height:1.5}@media (max-width:600px){.mp-wrap{padding:0 12px}.mp-profile-card{margin-top:16px}.mp-content-area{padding-bottom:84px}.mp-banner{height:80px}.mp-avatar-wrap{margin-left:16px;margin-top:-32px}.mp-avatar{width:64px;height:64px}.mp-avatar i{font-size:28px!important}.mp-profile-body{padding:10px 16px 0}.mp-nickname{font-size:18px}.mp-stats{padding:12px 16px 20px;gap:8px}.mp-stat{padding:8px 12px;min-width:60px}.mp-stat-num{font-size:16px}.mp-tab{padding:8px 14px;font-size:13px}.mp-follow-item{flex-wrap:wrap}.mp-follow-novels{width:100%;margin-top:4px}.mp-author-header,.mp-author-stats{flex-wrap:wrap}.mp-author-actions{flex-direction:column}.survey-genre-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.mp-subtab{padding:7px 10px;font-size:12px}.mp-floating-save{bottom:80px}.settle-wrap{padding:18px 14px}.settle-columns{grid-template-columns:1fr;gap:20px}.settle-uploads-row{grid-template-columns:1fr;gap:16px}.settle-checks{flex-direction:column;gap:12px}.settle-title{font-size:17px}}.ex-wrap{display:flex;flex-direction:row;max-width:1340px;margin:0 auto;padding:0 24px;width:100%;height:calc(100vh - 64px);gap:24px}.ex-sidebar,.ex-wrap{box-sizing:border-box;overflow-y:auto}.ex-sidebar{width:220px;flex-shrink:0;align-self:flex-start;position:-webkit-sticky;position:sticky;top:0;max-height:calc(100vh - 80px);background:var(--surface2);border:1px solid var(--ghost-border);border-radius:16px;scrollbar-width:none;z-index:10;margin-top:20px}.ex-sidebar::-webkit-scrollbar{display:none}.ex-sidebar-header{padding:24px 20px 16px}.ex-sidebar-title{font-size:18px;font-weight:700;color:var(--primary);margin:0}.ex-sidebar-subtitle{font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:2px 0 0}.ex-filter-section{padding:14px 16px 12px}.ex-filter-section+.ex-filter-section{border-top:1px solid rgba(187,201,199,.25)}.ex-filter-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:10px;padding:0 2px}.ex-filter-pills{display:flex;flex-wrap:wrap;gap:6px}.ex-filter-pill{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;font-family:inherit;background:var(--surface);color:var(--text-sub);border:1px solid rgba(187,201,199,.3);cursor:pointer;transition:all .15s;white-space:nowrap}.ex-filter-pill:hover{border-color:var(--primary);color:var(--primary)}.ex-filter-pill.active{background:var(--primary);color:#fff;border-color:var(--primary)}.ex-sort-list{display:flex;flex-direction:column;gap:2px}.ex-sort-option{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;font-family:inherit;color:var(--text-sub);cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:all .15s}.ex-sort-option i{width:18px;text-align:center;font-size:13px}.ex-sort-option:hover{background:var(--hover-overlay-strong);color:var(--text)}.ex-sort-option.active{background:var(--primary-light);color:var(--primary);font-weight:600;box-shadow:inset 3px 0 0 var(--primary)}.ex-sort-option.active i{color:var(--primary)}.ex-mobile-filters{display:none;gap:8px;padding:12px 16px;overflow-x:auto;scrollbar-width:none;flex-shrink:0}.ex-mobile-filters::-webkit-scrollbar{display:none}.explore-container{flex:1 1;min-width:0;position:relative}.explore-viewport{width:100%;max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:24px;padding:20px 16px 48px}.explore-genre-tabs{display:none!important}.genre-tab{flex-shrink:0;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;background:var(--surface2);color:var(--text-sub);border:1px solid var(--border);cursor:pointer;transition:all .15s;white-space:nowrap}.genre-tab:hover{border-color:var(--primary);color:var(--primary)}.genre-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.ex-card{width:100%;border-radius:16px;border:1px solid var(--border);box-shadow:0 2px 12px rgba(0,0,0,.06);display:flex;flex-direction:column;position:relative;overflow:hidden;background:var(--surface);opacity:1;transform:none}.ex-card.ex-card-content{min-height:0}.ex-card.ex-card-recommend{min-height:324px;max-height:414px;overflow:hidden}.ex-card.ex-card-author{min-height:324px;max-height:756px}.ex-card.ex-card-author .ex-author-collapsible{position:relative;overflow:hidden;flex:1 1;min-height:0}.ex-card.ex-card-author .ex-author-collapsible.collapsed{max-height:360px}.ex-card.ex-card-author .ex-author-collapsible.collapsed:after{content:"";position:absolute;bottom:0;left:0;right:0;height:48px;background:linear-gradient(transparent,var(--surface));pointer-events:none}.ex-author-more-btn{display:none;align-items:center;justify-content:center;gap:6px;padding:10px;border:none;background:none;cursor:pointer;font-size:13px;font-weight:700;color:var(--primary);width:100%;border-top:1px solid var(--border);flex-shrink:0}.ex-author-more-btn:hover{background:var(--surface2)}.ex-author-more-btn.visible{display:flex}.ex-card.ex-card-promo{min-height:432px;max-height:540px;overflow:hidden}.ex-feed-item{position:relative}.ex-feed-actions{gap:4px;padding:6px 8px;border:1px solid var(--border);border-top:none;border-radius:0 0 16px 16px;background:var(--surface)}.ex-feed-actions,.ex-feed-btn{display:flex;align-items:center}.ex-feed-btn{flex:1 1;justify-content:center;gap:6px;padding:8px 0;border-radius:8px;background:none;border:none;cursor:pointer;font-size:15px;font-weight:600;color:var(--text-muted);transition:all .15s}.ex-feed-btn:hover{background:var(--surface2);color:var(--text)}.ex-feed-btn i{font-size:15px}.ex-feed-btn.liked{color:var(--primary)}.ex-feed-btn.liked i{font-weight:900}.ex-feed-btn.disliked{color:#64748b}.ex-feed-btn.disliked i{font-weight:900}.ex-feed-item .ex-card{border-radius:16px 16px 0 0}.ex-hero{position:relative;padding:16px 20px 12px;color:var(--text);flex-shrink:0;border-bottom:1px solid var(--border)}.ex-hero:before{display:none}.ex-hero>*{position:relative;z-index:1}.ex-card-type{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:var(--surface2);color:var(--text-muted);border-radius:20px;padding:4px 14px;margin-bottom:8px}.ex-title{font-size:20px;font-weight:800;line-height:1.3;margin-bottom:4px;color:var(--text)}.ex-author{font-size:15px;color:var(--text-sub)}.ex-stats{display:flex;gap:12px;font-size:14px;color:var(--text-muted);margin-top:6px}.ex-stats i{margin-right:3px}.ex-update-badge{display:inline-flex;align-items:center;gap:5px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;padding:4px 12px;border-radius:20px;margin-top:10px}.ex-update-info{padding:16px 24px;flex:1 1;display:flex;flex-direction:column;gap:10px;overflow:hidden}.ex-update-chapter{background:var(--surface2);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px}.ex-update-chapter-title{font-size:16px;font-weight:700;color:var(--text)}.ex-update-preview{font-size:15px;line-height:1.7;color:var(--text-sub);display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.ex-update-progress{display:flex;align-items:center;gap:10px;margin-top:2px}.ex-update-progress-bar{flex:1 1;height:4px;background:var(--border);border-radius:4px;overflow:hidden}.ex-update-progress-fill{height:100%;background:var(--primary);border-radius:4px;transition:width .5s ease}.ex-update-progress-text{font-size:11px;font-weight:600;color:var(--text-muted);white-space:nowrap}.ex-paragraph-area{flex:1 1;min-height:0;overflow:hidden;padding:12px 20px;display:flex;flex-direction:column;gap:8px}.ex-paragraph-label{font-size:13px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:6px;flex-shrink:0}.ex-paragraph-label i{font-size:15px}.ex-paragraph-text{font-size:17px;line-height:1.85;color:var(--text);padding:14px 16px;background:var(--surface2);border-radius:12px;border-left:3px solid var(--primary)}.ex-paragraph-meta{display:flex;align-items:center;justify-content:space-between}.ex-paragraph-src{font-size:13px;color:var(--text-muted)}.ex-paragraph-like{background:none;border:none;cursor:pointer;font-size:14px;color:var(--text-muted);display:flex;align-items:center;gap:4px;padding:2px 6px;border-radius:8px;transition:all .15s}.ex-paragraph-like:hover{color:#ef4444;background:rgba(239,68,68,.08)}.ex-paragraph-like.liked{color:#ef4444}.ex-para-item{display:flex;gap:12px;align-items:flex-start}.ex-para-rank{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--primary);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:14px}.ex-para-content{flex:1 1;min-width:0}.ex-para-item .ex-paragraph-text{font-size:15px;line-height:1.7;padding:12px 14px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.ex-para-text-wrap.expanded .ex-paragraph-text{display:block;overflow:visible;-webkit-line-clamp:unset}.ex-para-expand-btn{display:none;align-items:center;gap:3px;font-size:11px;font-weight:700;color:var(--primary);background:none;border:none;cursor:pointer;padding:3px 0 0;transition:opacity .15s}.ex-para-expand-btn.visible{display:inline-flex}.ex-para-expand-btn:hover{opacity:.65}.ex-para-likes{display:flex;align-items:center;gap:4px;font-size:11px;color:#ef4444;margin-top:4px;opacity:.7}.ex-para-likes i{font-size:10px}.ex-card.author-note-card{max-width:500px}.ex-card.author-note-card .ex-hero{padding:16px 20px 12px}.an-content-wrap{flex:1 1;min-height:0;overflow:hidden;padding:14px 20px 10px;display:flex;flex-direction:column;gap:10px}.an-author-line{gap:7px;padding-bottom:10px;border-bottom:1px solid var(--border)}.an-author-line,.an-avatar-sm{display:flex;align-items:center}.an-avatar-sm{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#f97316);justify-content:center;font-size:11px;color:#fff;flex-shrink:0;box-shadow:0 2px 6px rgba(245,158,11,.25)}.an-author-name{font-size:15px;font-weight:700;color:var(--text)}.an-author-badge{font-weight:600;color:#f59e0b;background:rgba(245,158,11,.1)}.an-author-badge,.an-post-type-tag{font-size:10px;padding:2px 7px;border-radius:8px;flex-shrink:0}.an-post-type-tag{display:inline-flex;align-items:center;gap:3px;font-weight:700}.an-post-type-tag.poll{color:var(--primary);background:var(--primary-light)}.an-post-type-tag.note{color:#10b981;background:rgba(16,185,129,.1)}.an-post-date{font-size:10px;color:var(--text-muted);display:flex;align-items:center;gap:3px;margin-left:auto;flex-shrink:0}.an-poll-question{font-size:16px;font-weight:700;color:var(--text);line-height:1.4}.an-poll-options,.ex-poll-options{display:flex;flex-direction:column;gap:6px}.ex-poll-option{position:relative;background:var(--surface2);border-radius:8px;padding:10px 14px;font-size:14.5px;color:var(--text);overflow:hidden;cursor:pointer}.ex-poll-bar{position:absolute;left:0;top:0;bottom:0;background:rgba(0,106,99,.12);border-radius:10px;transition:width .5s ease}.ex-poll-option-text{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center}.ex-poll-pct{font-weight:700;color:var(--primary);font-size:12px}.ex-poll-total{font-size:11px;color:var(--text-muted);margin-top:6px;display:flex;align-items:center;gap:4px}.an-post-title{font-size:17px;font-weight:800;color:var(--text);line-height:1.35}.an-note-text{font-size:15px;line-height:1.75;color:var(--text-sub);padding:12px 16px;background:linear-gradient(135deg,rgba(245,158,11,.04),rgba(249,115,22,.04));border-radius:10px;border-left:3px solid #f59e0b;position:relative;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.an-note-text:before{content:"\201C";position:absolute;top:4px;left:8px;font-size:22px;color:rgba(245,158,11,.2);font-family:Georgia,serif}.an-reactions{display:flex;gap:6px;margin-top:auto;padding-top:4px}.an-react-btn{display:flex;align-items:center;gap:4px;padding:6px 14px;border-radius:16px;border:1px solid var(--border);background:var(--surface);cursor:pointer;font-size:12px;color:var(--text-muted);transition:all .15s}.an-react-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.ex-card.ad-card{border:1px solid var(--border);background:var(--surface)!important;color:var(--text)!important}.ex-ad-badge{position:absolute;top:16px;left:16px;font-size:10px;font-weight:700;background:rgba(0,0,0,.55);color:#fff;border-radius:6px;padding:3px 8px;z-index:2;letter-spacing:.5px}.ex-ad-body{flex:1 1;flex-direction:column;padding:24px;text-align:center;gap:12px}.ex-ad-body,.ex-ad-icon{display:flex;align-items:center;justify-content:center}.ex-ad-icon{width:52px;height:52px;border-radius:50%;font-size:24px}.ex-ad-title{font-size:21px;font-weight:900;line-height:1.3}.ex-ad-desc{font-size:15px;line-height:1.6;opacity:.8}.ex-ad-cta{display:inline-flex;align-items:center;gap:6px;padding:12px 28px;border-radius:30px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;border:none;cursor:pointer}.ex-ad-cta:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.ex-bottom{padding:14px 24px;border-top:1px solid var(--border);gap:10px;flex-shrink:0}.ex-bottom,.ex-read-btn{display:flex;align-items:center}.ex-read-btn{flex:1 1;justify-content:center;gap:6px;background:var(--primary);color:#fff;border:none;border-radius:12px;padding:12px 0;font-size:16px;font-weight:700;cursor:pointer;transition:background .15s;text-decoration:none}.ex-read-btn:hover{background:var(--primary-hover)}.ex-action-btn{width:40px;height:40px;border-radius:10px;background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;color:var(--text-muted);transition:all .15s;flex-shrink:0}.ex-action-btn:hover{color:var(--primary);border-color:var(--primary)}.ex-action-btn.bookmarked{color:#f59e0b;border-color:rgba(245,158,11,.3)}.ex-preview-overlay{position:absolute;inset:0;background:var(--surface);z-index:10;display:flex;flex-direction:column;opacity:0;transform:translateY(100%);transition:opacity .3s,transform .3s cubic-bezier(.16,1,.3,1)}.ex-preview-overlay.open{opacity:1;transform:translateY(0)}.ex-preview-header{padding:16px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);flex-shrink:0}.ex-preview-header span{font-size:14px;font-weight:700;color:var(--primary)}.ex-preview-close{background:none;border:none;cursor:pointer;font-size:14px;color:var(--text-muted);display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:8px}.ex-preview-close:hover{color:var(--text);background:var(--surface2)}.ex-preview-body{flex:1 1;min-height:0;overflow-y:auto;padding:20px 24px;font-size:14px;line-height:1.9;color:var(--text-sub)}.ex-continue-card{background:var(--surface);color:var(--text)}.ex-continue-header{padding:14px 18px 8px;display:flex;align-items:center;gap:10px}.ex-continue-header i{font-size:16px;color:var(--primary-text)}.ex-continue-title{font-size:17px;font-weight:800}.ex-continue-list{flex:1 1;min-height:0;overflow:hidden;padding:0 18px 10px;display:flex;flex-direction:column;gap:6px}.ex-continue-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:var(--surface2);border:1px solid var(--border);cursor:pointer;transition:background .15s;text-decoration:none;color:var(--text)}.ex-continue-item:hover{background:var(--surface2);opacity:.85}.ex-continue-thumb{width:40px;height:54px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.ex-continue-info{flex:1 1;min-width:0}.ex-continue-name{font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ex-continue-chapter{font-size:14px;opacity:.6;margin-top:2px}.ex-continue-progress{display:flex;align-items:center;gap:8px;margin-top:6px}.ex-continue-bar{flex:1 1;height:3px;background:var(--border);border-radius:3px;overflow:hidden}.ex-continue-bar-fill{height:100%;background:var(--primary-container);border-radius:3px}.ex-continue-pct{font-size:10px}.ex-continue-btn,.ex-continue-pct{font-weight:700;color:var(--primary-text)}.ex-continue-btn{flex-shrink:0;padding:8px 14px;border-radius:10px;background:rgba(45,212,191,.2);border:1px solid rgba(45,212,191,.3);font-size:12px;cursor:pointer}.ex-continue-btn:hover{background:rgba(45,212,191,.35)}.ex-today-card{background:var(--surface);color:var(--text)}.ex-today-header{padding:14px 18px 8px;display:flex;align-items:center;gap:10px}.ex-today-header i{font-size:16px;color:#fbbf24}.ex-today-title{font-size:17px;font-weight:800}.ex-today-subtitle{font-size:11px;opacity:.5;margin-left:auto}.ex-today-list{flex:1 1;min-height:0;overflow:hidden;padding:0 18px 10px;display:flex;flex-direction:column;gap:6px}.ex-today-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:var(--surface2);border:1px solid var(--border);cursor:pointer;transition:background .15s;text-decoration:none;color:var(--text)}.ex-today-item:hover{background:var(--surface2);opacity:.85}.ex-today-thumb{width:40px;height:54px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.ex-today-info{flex:1 1;min-width:0}.ex-today-name{font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ex-today-genre{font-size:13px;opacity:.6;margin-top:2px}.ex-today-stats{display:flex;gap:10px;font-size:11px;opacity:.5;margin-top:4px}.ex-today-stats i{margin-right:3px}.ex-today-match{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:2px}.ex-today-match-pct{font-size:18px;font-weight:900;color:#fbbf24}.ex-today-match-label{font-size:9px;font-weight:600;color:rgba(251,191,36,.7)}.ex-surge-card{background:var(--surface);color:var(--text)}.ex-surge-header{padding:14px 18px 8px;display:flex;align-items:center;gap:10px;flex-shrink:0}.ex-surge-header i{font-size:16px;color:#fbbf24}.ex-surge-title{font-size:17px;font-weight:800}.ex-surge-subtitle{font-size:11px;opacity:.5;margin-left:auto}.ex-surge-list{flex:1 1;min-height:0;overflow:hidden;padding:0 18px 10px;display:flex;flex-direction:column;gap:4px}.ex-surge-item{display:flex;align-items:center;gap:11px;padding:9px 13px;border-radius:12px;background:var(--surface2);border:1px solid var(--border);cursor:pointer;transition:background .15s;text-decoration:none;color:var(--text);flex-shrink:0}.ex-surge-item:hover{background:var(--surface2);opacity:.85}.ex-surge-rank{width:24px;height:24px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;background:rgba(255,255,255,.15)}.ex-surge-rank.r1{background:#fbbf24;color:#7c2d12}.ex-surge-rank.r2{background:rgba(251,191,36,.5);color:#fff}.ex-surge-rank.r3{background:rgba(251,191,36,.25);color:#fff}.ex-surge-thumb{width:36px;height:48px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.ex-surge-info{flex:1 1;min-width:0}.ex-surge-name{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ex-surge-meta{font-size:12.5px;opacity:.6;margin-top:1px}.ex-surge-rise{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:1px}.ex-surge-rise-pct{font-size:14px;font-weight:900;color:#fbbf24}.ex-surge-rise-label{font-size:9px;font-weight:600;color:rgba(251,191,36,.7)}.ex-newup-body{flex:1 1;padding:16px 20px;display:flex;flex-direction:column;gap:12px;overflow:hidden}.ex-newup-time-row{display:flex;align-items:center;gap:8px}.ex-newup-new-badge{background:#ef4444;color:#fff;font-size:9px;font-weight:800;padding:3px 8px;border-radius:8px;letter-spacing:1px;line-height:1}.ex-newup-time-text{font-size:12px;color:var(--text-muted);font-weight:600}.ex-newup-synopsis{font-size:15px;line-height:1.7;color:var(--text-sub);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.ex-newup-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:4px}.ex-newup-tag{font-size:11px;padding:4px 10px;border-radius:12px;background:var(--surface2);color:var(--text-muted);border:1px solid var(--border)}.ex-swipe-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:700;padding:10px 20px;border-radius:12px;background:rgba(0,0,0,.7);color:#fff;opacity:0;pointer-events:none;z-index:20;white-space:nowrap;transition:opacity .15s}.ex-swipe-hint.show{opacity:1}.ex-counter{display:none}.ex-side-actions{display:none!important}.ex-side-btn{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;cursor:pointer;padding:0}.ex-side-btn .side-icon{width:44px;height:44px;border-radius:50%;background:transparent;border:1.5px solid rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-muted);transition:all .2s}.ex-side-btn:hover .side-icon{border-color:var(--primary);color:var(--primary);background:rgba(0,106,99,.06)}.ex-side-btn:active .side-icon{transform:scale(.9)}.ex-side-btn .side-count{font-size:10px;font-weight:700;color:var(--text-muted);transition:color .2s}.ex-side-btn.liked .side-icon{color:#fff;border-color:var(--primary);background:var(--primary)}.ex-side-btn.liked .side-count{color:var(--primary)}.ex-side-btn.disliked .side-icon{color:#fff;border-color:#64748b;background:#64748b}.ex-side-btn.commenting .side-icon{color:#fff;border-color:var(--primary);background:var(--primary)}.ex-side-btn.commenting .side-count{color:var(--primary)}.ex-side-btn.shared .side-icon{color:#fff;border-color:#10b981;background:#10b981}.ex-side-btn:disabled{cursor:default}.ex-side-btn:disabled .side-icon{opacity:.3}.ex-side-btn.nav-btn .side-icon{font-size:16px;width:38px;height:38px;border-color:rgba(0,0,0,.08)}.ex-card-menu-btn{position:absolute;top:14px;right:14px;z-index:5;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.35);border:none;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.ex-card-menu-btn:hover{background:rgba(0,0,0,.55)}.ex-card-menu-wrap{position:absolute;top:14px;right:14px;z-index:5}.ex-card-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:160px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 28px rgba(0,0,0,.18);z-index:100;overflow:hidden;animation:dropdownIn .12s ease}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ex-card-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:none;border:none;color:var(--text-sub);font-size:13px;font-weight:500;cursor:pointer;transition:all .1s;text-align:left}.ex-card-menu-item:hover{background:var(--surface2);color:var(--text)}.ex-card-menu-item i{width:16px;text-align:center;font-size:13px}.ex-card-menu-item.danger{color:#ef4444}.ex-card-menu-item.danger:hover{background:rgba(239,68,68,.06)}.ex-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:8px}.ex-tag{display:inline-flex;align-items:center;gap:3px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;background:var(--surface2);color:var(--text-sub);border:1px solid var(--border);transition:all .15s;cursor:default}.ex-tag i{font-size:9px;opacity:.6}.ex-tag:first-child{color:var(--primary);border-color:rgba(0,106,99,.2);background:rgba(0,106,99,.06)}.ex-tag:nth-child(2){color:#ec4899;border-color:rgba(236,72,153,.2);background:rgba(236,72,153,.06)}.ex-tag:nth-child(3){color:#0ea5e9;border-color:rgba(14,165,233,.2);background:rgba(14,165,233,.06)}.ex-tag:nth-child(4){color:#10b981;border-color:rgba(16,185,129,.2);background:rgba(16,185,129,.06)}.ex-tag:nth-child(5){color:#f59e0b;border-color:rgba(245,158,11,.2);background:rgba(245,158,11,.06)}.ex-review-strip{background:var(--surface2);border-radius:0;margin:auto 0 0;padding:12px 20px 10px;border-top:1px solid var(--border);position:relative;overflow:hidden;flex-shrink:0}.ex-review-strip:after,.ex-review-strip:before{display:none}.ex-review-quote{font-size:15px;line-height:1.7;color:var(--text-sub);font-weight:500;font-style:italic;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ex-review-meta{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.ex-review-from{font-size:10px;color:var(--text-muted);font-style:normal;display:flex;align-items:center;gap:4px}.ex-review-rating{font-size:11px;font-weight:700;color:#f59e0b;display:flex;align-items:center;gap:3px}.ex-review-strip.ex-review-empty{background:var(--surface2);padding:10px 20px}.ex-review-strip.ex-review-empty .ex-review-quote{font-size:12px;color:var(--text-muted);display:flex;align-items:center;-webkit-line-clamp:unset;font-style:normal}.ex-comment-overlay{position:absolute;left:calc(50% + 290px);right:100px;top:60px;bottom:20px;min-width:260px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 24px rgba(0,0,0,.08);z-index:70;display:flex;flex-direction:column;transform:translateX(40px);opacity:0;pointer-events:none;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .2s}.ex-comment-overlay.open{transform:translateX(0);opacity:1;pointer-events:auto}.wide-card-active .ex-comment-overlay{left:calc(50% + 410px)}.ex-comment-header{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);flex-shrink:0}.ex-comment-header span{font-size:14px;font-weight:700}.ex-comment-close{background:none;border:none;cursor:pointer;font-size:18px;color:var(--text-muted);padding:4px}.ex-comment-list{flex:1 1;min-height:0;overflow-y:auto;padding:12px 20px;display:flex;flex-direction:column;gap:12px}.ex-comment-item{display:flex;gap:10px}.ex-comment-item .cm-avatar{width:28px;height:28px;border-radius:50%;background:var(--surface2);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.ex-comment-item .cm-body{flex:1 1}.ex-comment-item .cm-user{font-size:11px;font-weight:700;color:var(--text)}.ex-comment-item .cm-time{font-size:10px;color:var(--text-muted);margin-left:6px;font-weight:400}.ex-comment-item .cm-text{font-size:13px;line-height:1.5;color:var(--text-sub);margin-top:2px}.ex-comment-input-wrap{padding:10px 16px;border-top:1px solid var(--border);flex-shrink:0;display:flex;gap:8px;align-items:center}.ex-comment-input-wrap input{flex:1 1;border:1px solid var(--border-input);border-radius:20px;padding:8px 14px;font-size:13px;background:var(--surface2);color:var(--text);outline:none}.ex-comment-input-wrap input:focus{border-color:var(--primary)}.ex-comment-input-wrap button{background:var(--primary);color:#fff;border:none;border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;flex-shrink:0}@media (max-width:1100px){.ex-comment-overlay{left:0;right:0;top:auto;bottom:0;height:55%;min-width:unset;border-radius:20px 20px 0 0;border:none;border-top:1px solid var(--border);box-shadow:0 -4px 24px rgba(0,0,0,.1);transform:translateY(100%);opacity:0}.ex-comment-overlay.open{transform:translateY(0);opacity:1}.ex-side-actions{top:50%;transform:translateY(-50%)}.ex-side-actions,.wide-card-active .ex-side-actions{left:auto;right:12px}.ex-side-btn .side-icon{background:rgba(0,0,0,.25);border-color:rgba(255,255,255,.15);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ex-side-btn:hover .side-icon{background:rgba(0,0,0,.4);border-color:rgba(255,255,255,.3);color:#fff}.ex-side-btn .side-count{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.ex-side-btn.liked .side-icon{color:#fff;border-color:var(--primary);background:var(--primary)}.ex-side-btn.disliked .side-icon{color:#fff;border-color:#64748b;background:#64748b}.ex-side-btn.commenting .side-icon{color:#fff;border-color:var(--primary);background:var(--primary)}.ex-side-btn.shared .side-icon{color:#fff;border-color:#10b981;background:#10b981}}@media (max-width:999px){.ex-sidebar{display:none}.ex-mobile-filters{display:flex}.explore-viewport{max-width:580px;margin:0 auto}}@media (max-width:768px){.ex-card{border-radius:14px}.ex-card,.ex-card.author-note-card{max-width:100%}.an-content-wrap{padding:12px 16px 8px}.ex-title{font-size:18px}.ex-feed-item .ex-card{border-radius:14px 14px 0 0}.ex-feed-actions{border-radius:0 0 14px 14px}}@media (max-width:767px){.ex-sidebar{display:none!important}.ex-wrap{padding:0;height:calc(100vh - 64px)}}@media (max-width:600px){.explore-viewport{padding:8px 8px 32px;gap:10px}.ex-card{border-radius:12px}.ex-feed-item .ex-card{border-radius:12px 12px 0 0}.ex-feed-actions{border-radius:0 0 12px 12px;padding:4px}.ex-feed-btn{font-size:12px;padding:7px 0}.ex-hero{padding:14px 16px 10px}.ex-bottom{padding:10px 14px}.ex-paragraph-area{padding:10px 16px}.ex-read-btn{padding:11px 0;font-size:14px}.ex-action-btn{width:36px;height:36px;font-size:14px}}@media (max-height:780px){.ex-hero{padding:14px 20px 10px}.ex-card-type{margin-bottom:6px}.ex-stats{margin-top:4px}.ex-paragraph-area{gap:6px}.ex-paragraph-area,.ex-review-strip{padding:10px 20px 8px}.ex-bottom{padding:10px 20px}.ex-card.author-note-card .ex-hero{padding:12px 16px 8px}.an-content-wrap{padding:10px 14px 6px;gap:7px}.an-reactions{padding-top:2px}}@media (max-height:660px){.ex-review-strip{display:none}.ex-hero{padding:10px 16px 8px}.ex-title{font-size:17px}.ex-stats{font-size:11px;gap:8px;margin-top:2px}.ex-paragraph-area{padding:8px 16px 6px;gap:5px}.ex-bottom{padding:8px 16px}.ex-read-btn{padding:10px 0;font-size:13px}.ex-card.author-note-card .ex-hero{padding:8px 14px 6px}.an-content-wrap{padding:8px 12px 6px;gap:5px}.an-author-line{padding-bottom:6px}.an-react-btn{padding:4px 8px;font-size:10px}.ex-poll-option{padding:6px 10px;font-size:11px}}.ex-comm-hot-card{background:var(--surface);color:var(--text);cursor:pointer;transition:border-color .15s}.ex-comm-hot-card:hover{border-color:rgba(0,106,99,.3)}.chc-header{justify-content:space-between;padding:14px 18px 0}.chc-header,.chc-profile{display:flex;align-items:center}.chc-profile{gap:10px}.chc-avatar{width:36px;height:36px;border-radius:50%;background:rgba(0,106,99,.12);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.chc-profile-info{display:flex;flex-direction:column;gap:1px}.chc-board-name{font-size:14px;font-weight:700;color:var(--text);line-height:1.2}.chc-date{font-size:11px;color:var(--text-muted)}.chc-header-actions{display:flex;align-items:center;gap:8px}.chc-join-btn{padding:5px 14px;border-radius:20px;border:none;background:var(--primary);color:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:opacity .15s}.chc-join-btn:hover{opacity:.85}.chc-join-btn.joined{background:var(--surface2);color:var(--text-muted);border:1px solid var(--border)}.chc-menu-wrap{position:relative}.chc-menu-btn{width:32px;height:32px;border-radius:8px;border:none;background:none;color:var(--text-muted);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.chc-menu-btn:hover{background:var(--surface2)}.chc-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);min-width:160px;z-index:50;overflow:hidden}.chc-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:11px 16px;border:none;background:none;font-size:13px;color:var(--text);cursor:pointer;transition:background .1s;text-align:left}.chc-dropdown-item:hover{background:var(--surface2)}.chc-dropdown-item i{width:16px;text-align:center;font-size:12px;color:var(--text-muted)}.chc-dropdown-item.danger,.chc-dropdown-item.danger i{color:#ef4444}.chc-dismissed-card{display:flex;align-items:center;gap:12px;padding:20px 24px;background:var(--surface);border:1px dashed var(--border);border-radius:16px;color:var(--text-muted);font-size:13px;animation:chcFadeIn .2s ease}.chc-dismissed-card i{font-size:16px;opacity:.5}.chc-dismissed-card button{margin-left:auto;background:none;border:1px solid var(--primary);color:var(--primary-text);padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.chc-dismissed-card button:hover{background:var(--primary);color:#fff}@keyframes chcFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.chc-title-area{padding:12px 18px 0}.chc-tag{display:inline-block;padding:3px 10px;border-radius:6px;font-size:11px;font-weight:700;margin-bottom:6px;background:rgba(0,106,99,.1);color:var(--primary)}.chc-tag.spoiler{background:rgba(239,68,68,.12);color:#ef4444}.chc-title{font-size:17px;font-weight:800;color:var(--text);line-height:1.4}.chc-content-area{padding:8px 18px 0}.chc-content{font-size:14px;line-height:1.75;color:var(--text-sub);white-space:pre-line;word-break:break-word}.chc-content:not(.expanded){display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.chc-spoiler-mask{display:flex;align-items:center;justify-content:center;padding:32px 0;border-radius:12px;background:var(--surface2)}.chc-spoiler-btn{display:flex;align-items:center;gap:8px;padding:10px 24px;border-radius:10px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);color:#ef4444;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s}.chc-spoiler-btn:hover{background:rgba(239,68,68,.18)}.chc-best-comment{margin:10px 18px 0;padding:10px 14px;border-radius:10px;background:var(--surface2);cursor:pointer;transition:background .15s}.chc-best-comment:hover{background:var(--surface2);filter:brightness(.95)}.chc-best-body{display:flex;gap:6px;font-size:13px;line-height:1.4}.chc-best-author{font-weight:700;color:var(--text);white-space:nowrap;flex-shrink:0}.chc-best-text{color:var(--text-sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chc-actions{gap:2px;padding:8px 14px 12px;margin-top:4px}.chc-action-btn,.chc-actions{display:flex;align-items:center}.chc-action-btn{gap:5px;padding:7px 12px;border-radius:8px;border:none;background:none;color:var(--text-muted);font-size:14px;cursor:pointer;transition:all .15s;font-weight:500}.chc-action-btn span{font-size:13px}.chc-action-btn:hover{background:var(--surface2);color:var(--text)}.chc-action-btn.active{color:var(--primary)}.chc-action-btn.active i{font-weight:900}.chc-action-btn.downvoted{color:#64748b}.chc-action-btn.downvoted i{font-weight:900}.chc-vote-score{font-size:13px;font-weight:600;color:var(--text-sub);min-width:20px;text-align:center}.chc-comments-area{border-top:1px solid var(--border);padding:0 18px 14px;animation:chcSlideDown .2s ease}@keyframes chcSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.chc-comments-list{display:flex;flex-direction:column;gap:0}.chc-comment-item{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--border)}.chc-comment-item:last-child{border-bottom:none}.chc-comment-avatar{width:28px;height:28px;border-radius:50%;background:var(--surface2);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.chc-comment-body{flex:1 1;min-width:0}.chc-comment-header{display:flex;align-items:center;gap:8px;margin-bottom:2px}.chc-comment-nick{font-size:13px;font-weight:700;color:var(--text)}.chc-comment-time{font-size:11px;color:var(--text-muted)}.chc-comment-text{font-size:13px;line-height:1.5;color:var(--text-sub)}.chc-comments-all{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;margin-top:8px;border-radius:10px;background:var(--surface2);border:1px solid var(--border);color:var(--primary);font-size:13px;font-weight:700;text-decoration:none;transition:background .15s}.chc-comments-all:hover{opacity:.85}@media (max-width:600px){.chc-header{padding:12px 14px 0}.chc-avatar{width:32px;height:32px;font-size:12px}.chc-board-name{font-size:13px}.chc-title-area{padding:10px 14px 0}.chc-title{font-size:15px}.chc-content-area{padding:6px 14px 0}.chc-content{font-size:13px}.chc-best-comment{margin:8px 14px 0;padding:8px 12px}.chc-actions{padding:6px 10px 10px}.chc-action-btn{padding:6px 10px;font-size:13px}.chc-comments-area{padding:0 14px 12px}}.ex-boards-card{background:var(--surface);color:var(--text)}.ex-boards-header{padding:14px 18px 8px;display:flex;align-items:center;gap:10px;flex-shrink:0}.ex-boards-header i{font-size:16px;color:var(--primary-text)}.ex-boards-title{font-size:15px;font-weight:800}.ex-boards-grid{flex:1 1;min-height:0;overflow:hidden;padding:0 18px 10px;display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.ex-board-chip{display:flex;flex-direction:column;gap:4px;padding:12px 14px 10px;border-radius:12px;background:var(--surface2);border:1px solid var(--border);cursor:pointer;transition:background .15s;text-decoration:none;color:var(--text)}.ex-board-chip:hover{background:var(--surface2);opacity:.85}.ex-board-chip-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px}.ex-board-chip-name{font-size:13px;font-weight:800}.ex-board-chip-stat{font-size:10px;opacity:.5}.ex-boards-footer{padding:0 18px 10px;flex-shrink:0}.ex-boards-more-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:10px;background:rgba(45,212,191,.15);border:1px solid rgba(45,212,191,.3);color:var(--primary-text);font-size:13px;font-weight:700;text-decoration:none;transition:background .15s}.ex-boards-more-btn:hover{background:rgba(45,212,191,.25)}.ex-event-card{background:var(--surface)!important;color:var(--text)}.ex-event-badge{position:absolute;top:16px;right:16px;font-size:10px;font-weight:800;letter-spacing:.5px;background:var(--surface2);color:var(--text-muted);padding:3px 10px;border-radius:20px;border:1px solid var(--border)}.ex-event-body{flex:1 1;display:flex;flex-direction:column;padding:24px 24px 20px;gap:10px;position:relative}.ex-event-icon{width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:22px}.ex-event-title{font-size:18px;font-weight:900;line-height:1.3}.ex-event-desc{font-size:13px;line-height:1.6;opacity:.85}.ex-event-deadline{display:flex;align-items:center;gap:6px;font-size:12px;opacity:.65}.ex-event-cta{margin-top:auto;display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border-radius:24px;font-size:13px;font-weight:800;text-decoration:none;background:rgba(255,255,255,.9);transition:transform .15s,opacity .15s;align-self:flex-start}.ex-event-cta:hover{transform:translateY(-2px);opacity:.95}.ex-member-card{background:var(--surface);color:var(--text)}.ex-member-header{padding:14px 18px 10px;display:flex;align-items:center;gap:10px;flex-shrink:0}.ex-member-header i{font-size:16px;color:#fbbf24}.ex-member-title{font-size:17px;font-weight:800}.ex-member-body{min-height:0;overflow:hidden;padding:0 20px 14px;gap:10px}.ex-member-body,.ex-member-locked{flex:1 1;display:flex;flex-direction:column}.ex-member-locked{gap:14px;padding:24px 20px;text-align:center}.ex-member-lock-icon,.ex-member-locked{align-items:center;justify-content:center}.ex-member-lock-icon{width:64px;height:64px;border-radius:50%;background:rgba(251,191,36,.15);border:2px solid rgba(251,191,36,.4);display:flex;font-size:26px;color:#fbbf24}.ex-member-lock-title{font-size:17px;font-weight:900}.ex-member-lock-desc{font-size:13px;line-height:1.6;opacity:.75}.ex-member-preview-list{display:flex;flex-direction:column;gap:6px}.ex-member-preview-item{padding:10px 14px;border-radius:10px;background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;gap:10px}.ex-member-preview-lock{color:#fbbf24;font-size:12px;flex-shrink:0}.ex-member-preview-text{font-size:12.5px;font-weight:600;filter:blur(4px);-webkit-user-select:none;-moz-user-select:none;user-select:none;flex:1 1}.ex-member-cta{display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 20px;border-radius:12px;background:rgba(251,191,36,.2);border:1px solid rgba(251,191,36,.4);color:#fbbf24;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;transition:background .15s;flex-shrink:0}.ex-member-cta:hover{background:rgba(251,191,36,.32)}.ex-member-coming-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(251,191,36,.15);border:1px solid rgba(251,191,36,.3);color:#fbbf24;font-size:10px;font-weight:700;letter-spacing:.5px;padding:3px 10px;border-radius:20px;align-self:center;margin-top:4px}.comm-top-tabs{gap:0;background:var(--bg);position:-webkit-sticky;position:sticky;top:64px;z-index:50;padding:0;border-bottom:2px solid var(--border)}.comm-top-tab,.comm-top-tabs{display:flex;align-items:center}.comm-top-tab{gap:8px;padding:14px 24px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-sub);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;margin-bottom:-2px;white-space:nowrap}.comm-top-tab:hover{color:var(--text)}.comm-top-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.comm-top-tab i{font-size:13px}.comm-sidebar{width:220px;flex-shrink:0;align-self:flex-start;position:-webkit-sticky;position:sticky;top:72px;height:auto;max-height:calc(100vh - 80px);background:var(--surface2);border:1px solid var(--ghost-border);border-radius:16px;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none;z-index:10;box-sizing:border-box}.comm-sidebar::-webkit-scrollbar{display:none}.comm-sidebar-header{padding:28px 20px 20px}.comm-sidebar-title{font-family:inherit;font-size:18px;font-weight:700;color:var(--primary);margin:0}.comm-sidebar-subtitle{font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:2px 0 0}.comm-sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:0 12px}.comm-sidebar-item{position:relative;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-sub);background:none;border:none;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .25s var(--ease-out-expo);font-family:inherit;text-align:left;width:100%;line-height:1.3;box-sizing:border-box}.comm-sidebar-item i{width:20px;text-align:center;font-size:15px;flex-shrink:0;transition:color .18s ease}.comm-sidebar-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comm-sidebar-item:hover{background:var(--surface2);color:var(--text)}.comm-sidebar-item.active{background:var(--primary-light);color:var(--primary);font-weight:600;box-shadow:inset 3px 0 0 var(--primary)}.comm-sidebar-item.active i{color:var(--primary)}.comm-sidebar-bottom{padding:16px 12px 24px}.comm-sidebar-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--primary-container));color:#fff;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease;font-family:inherit;box-sizing:border-box}.comm-sidebar-cta i{font-size:13px}.comm-sidebar-cta:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,106,99,.3)}.comm-mobile-tabs{display:none}.comm-tab-panel{animation:studioFadeIn .25s var(--ease-out-expo);position:relative;z-index:0}@keyframes studioFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.comm-page-title{font-family:inherit;font-size:1.75rem;font-weight:700;color:var(--text);margin:0 0 24px;letter-spacing:-.01em}.comm-wrap{flex-direction:row;max-width:1340px;margin:0 auto;padding:0 24px;width:100%;min-height:calc(100vh - 64px)}.comm-layout,.comm-wrap{display:flex;flex:1 1;box-sizing:border-box}.comm-layout{gap:32px;min-width:0;padding:28px 0 40px 32px}.comm-board-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.board-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:50px;background:var(--surface2);border:1px solid transparent;color:var(--text-sub);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.board-chip:hover{background:var(--surface3);color:var(--text)}.board-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.board-chip i{font-size:11px}.comm-explore-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px}.explore-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;cursor:pointer;transition:all .18s;box-shadow:0 1px 6px rgba(0,0,0,.03)}.explore-card:hover{border-color:rgba(0,106,99,.3);box-shadow:0 4px 16px rgba(0,0,0,.06)}.explore-card-banner{height:56px;background:linear-gradient(135deg,#006A63 0,var(--primary-container) 50%,#5EEAD4 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px}.explore-card-body{padding:14px}.explore-card-name{font-size:15px;font-weight:700;color:var(--text);margin-bottom:4px}.explore-card-desc{font-size:12px;color:var(--text-muted);line-height:1.5;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.explore-card-meta{display:flex;gap:12px;font-size:11px;color:var(--text-muted)}.explore-card-meta i{margin-right:3px}.explore-card-join{margin-top:10px;width:100%;padding:7px;border-radius:8px;border:none;background:var(--primary);color:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s}.explore-card-join:hover{opacity:.9}.explore-card-join.joined{background:var(--surface2);color:var(--text-sub);border:1px solid var(--border)}.board-detail-header{background:var(--surface);border:none;border-radius:16px;overflow:visible;margin-bottom:20px;padding-bottom:16px;box-shadow:0 1px 8px rgba(0,0,0,.04);position:relative}.bdh-banner{height:140px;background:linear-gradient(135deg,#006A63 0,var(--primary-container) 50%,#5EEAD4 100%);position:relative;border-radius:16px 16px 0 0;overflow:hidden}.bdh-banner-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.25),transparent 60%)}.bdh-banner-edit{position:absolute;bottom:10px;right:10px;z-index:3;width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.5);border:none;color:#fff;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .15s}.bdh-banner-edit:hover{background:rgba(0,0,0,.7)}.bdh-profile-row{gap:16px;padding:14px 24px 0;margin-top:-32px;position:relative;z-index:2}.bdh-avatar,.bdh-profile-row{display:flex;align-items:center}.bdh-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#006A63,var(--primary-container));justify-content:center;color:#fff;font-size:26px;border:4px solid var(--surface);box-shadow:0 2px 12px rgba(0,0,0,.12);flex-shrink:0}.bdh-name{flex:1 1;min-width:0;font-size:22px;font-weight:800;color:var(--text);margin:0;padding-top:32px;line-height:1.3;display:flex;flex-direction:column;gap:4px}.bdh-stats{font-size:13px;color:var(--text-muted);font-weight:500}.bdh-actions{gap:10px;flex-shrink:0;padding-top:32px}.bdh-actions,.bdh-write-btn{display:flex;align-items:center}.bdh-write-btn{gap:6px;padding:8px 16px;border-radius:20px;border:none;background:linear-gradient(135deg,#006A63,#005A54);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap}.bdh-write-btn:hover{box-shadow:0 4px 12px rgba(0,106,99,.3);transform:translateY(-1px)}.bdh-write-btn i{font-size:12px}.bdh-bell-wrap{position:relative}.bdh-bell-btn{width:36px;height:36px;border-radius:50%;background:var(--surface2);border:1px solid var(--border);color:var(--text-sub);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.bdh-bell-btn.active,.bdh-bell-btn:hover{border-color:var(--primary);color:var(--primary)}.bdh-bell-btn.active{background:rgba(0,106,99,.1)}.bdh-join-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;background:var(--surface2);border:1px solid var(--border);color:var(--text);font-size:13px;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap}.bdh-join-btn.joined,.bdh-join-btn:hover{border-color:var(--primary);color:var(--primary)}.bdh-join-btn.joined{background:rgba(0,106,99,.08)}.bdh-more-wrap{position:relative}.bdh-more-btn{width:36px;height:36px;border-radius:50%;background:var(--surface2);border:1px solid var(--border);color:var(--text-sub);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.bdh-more-btn:hover{border-color:var(--primary);color:var(--text)}.bdh-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 28px rgba(0,0,0,.12);z-index:100;overflow:hidden;animation:dropdownIn .12s ease;padding:6px 0}.bdh-dropdown-item{display:flex;align-items:flex-start;gap:12px;width:100%;padding:10px 16px;background:none;border:none;color:var(--text-sub);font-size:13px;font-weight:500;cursor:pointer;transition:all .1s;text-align:left}.bdh-dropdown-item:hover{background:var(--surface2);color:var(--text)}.bdh-dropdown-item.active,.bdh-dropdown-item.active i{color:var(--primary)}.bdh-dropdown-item i{width:16px;text-align:center;font-size:14px;margin-top:1px;flex-shrink:0}.bdh-dropdown-text{display:flex;flex-direction:column;gap:2px}.bdh-dropdown-text span{font-size:13px;font-weight:600}.bdh-dropdown-text small{font-size:11px;color:var(--text-muted);font-weight:400}.bdh-dropdown-divider{height:1px;background:var(--border);margin:4px 0}.bdh-toolbar{display:flex;align-items:center;gap:12px;padding:14px 24px 0}.bdh-sort-tabs{display:flex;gap:0;flex:0 0 auto}.bdh-sort-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-sub);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.bdh-sort-tab:hover{color:var(--text)}.bdh-sort-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.bdh-sort-tab i{font-size:12px}.bdh-search-inline{flex:1 1;position:relative}.bdh-search{width:100%;padding:8px 12px 8px 32px;border-radius:8px;background:var(--surface2);border:1px solid var(--border);color:var(--text);font-size:13px;box-sizing:border-box;transition:border-color .15s;outline:none}.bdh-search:focus{border-color:var(--primary)}.bdh-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:12px;pointer-events:none}.bdh-notices{margin:12px 20px 0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface2)}.bdh-notices-header{display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;font-size:13px;font-weight:700;color:var(--text);transition:background .12s}.bdh-notices-header:hover{background:rgba(0,106,99,.03)}.bdh-notices-header i:first-child{color:var(--primary);font-size:12px}.bdh-notices-arrow{margin-left:auto;font-size:10px;color:var(--text-muted);transition:transform .2s}.bdh-notices-scroll{display:flex;gap:10px;overflow-x:auto;padding:0 14px 12px;scrollbar-width:thin}.bdh-notice-card{flex:0 0 200px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .15s}.bdh-notice-card:hover{border-color:rgba(0,106,99,.3);box-shadow:0 2px 8px rgba(0,0,0,.05)}.bdh-notice-title{font-size:13px;font-weight:600;color:var(--text);line-height:1.4;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bdh-notice-meta{font-size:11px;color:var(--text-muted)}.comm-detail-bar{display:none;align-items:center;gap:12px;background:var(--bg);position:-webkit-sticky;position:sticky;top:64px;z-index:50;padding:0;border-bottom:2px solid var(--border);height:50px}.comm-detail-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--surface2);border:1px solid var(--border);color:var(--text);font-size:14px;cursor:pointer;transition:all .15s}.comm-detail-back:hover{border-color:var(--primary);color:var(--primary)}.comm-detail-bar-name{font-size:15px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.explore-filter-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;padding-top:4px}.explore-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:50px;background:var(--surface);border:1px solid var(--border);color:var(--text-sub);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.explore-chip:hover{border-color:rgba(0,106,99,.3);color:var(--text)}.explore-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.explore-chip i{font-size:12px}.explore-section{margin-bottom:28px}.explore-section-title{font-size:16px;font-weight:800;color:var(--text);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.explore-section-list{display:flex;flex-direction:column;gap:0}.explore-row{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-top:none;cursor:pointer;transition:background .12s}.explore-row:first-child{border-top:1px solid var(--border);border-radius:12px 12px 0 0}.explore-row:last-child{border-radius:0 0 12px 12px}.explore-row:only-child{border-radius:12px;border-top:1px solid var(--border)}.explore-row:hover{background:rgba(0,106,99,.03)}.explore-row-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,rgba(0,106,99,.1),rgba(45,212,191,.1));display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:16px;flex-shrink:0}.explore-row-info{flex:1 1;min-width:0}.explore-row-name{font-size:14px;font-weight:700;color:var(--text)}.explore-row-desc{font-size:12px;color:var(--text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.explore-row-meta{font-size:11px;color:var(--text-muted);margin-top:3px}.explore-row-join{padding:6px 16px;border-radius:50px;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s;background:var(--primary);border:1px solid transparent;color:#fff;flex-shrink:0;white-space:nowrap}.explore-row-join:hover{opacity:.9}.explore-row-join.joined{background:var(--surface2);border:1px solid var(--border);color:var(--text-sub)}.mycomm-title{font-size:18px;font-weight:800;color:var(--text);display:flex;align-items:center;gap:10px;margin:0 0 20px}.mycomm-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;border-radius:50px;background:rgba(0,106,99,.1);color:var(--primary);font-size:12px;font-weight:700}.mycomm-list{display:flex;flex-direction:column;gap:0}.mycomm-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-top:none;cursor:pointer;transition:background .12s}.mycomm-card:first-child{border-top:1px solid var(--border);border-radius:12px 12px 0 0}.mycomm-card:last-child{border-radius:0 0 12px 12px}.mycomm-card:only-child{border-radius:12px;border-top:1px solid var(--border)}.mycomm-card:hover{background:rgba(0,106,99,.03)}.mycomm-card-icon{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#006A63,var(--primary-container));display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0}.mycomm-card-info{flex:1 1;min-width:0}.mycomm-card-name{font-size:15px;font-weight:700;color:var(--text)}.mycomm-card-desc{font-size:12px;color:var(--text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mycomm-card-meta{display:flex;gap:12px;font-size:11px;color:var(--text-muted);margin-top:4px}.mycomm-card-meta i{margin-right:3px}.mycomm-card-leave{width:34px;height:34px;border-radius:50%;background:none;border:1px solid var(--border);color:var(--text-muted);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.mycomm-card-leave:hover{border-color:#ef4444;color:#ef4444;background:rgba(239,68,68,.05)}.mycomm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.mycomm-empty-icon{font-size:52px;margin-bottom:18px}.mycomm-empty-title{font-size:17px;font-weight:700;color:var(--text);margin-bottom:8px}.mycomm-empty-desc{font-size:13px;color:var(--text-muted);margin-bottom:24px}.mycomm-empty-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:50px;border:none;background:var(--primary);color:#fff;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .18s;box-shadow:0 2px 10px rgba(0,106,99,.3)}.mycomm-empty-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,106,99,.4)}.rs-post-item{display:flex;align-items:flex-start;gap:0;padding:10px 16px;text-decoration:none;transition:background .12s;border-bottom:1px solid var(--border)}.rs-post-item:last-child{border-bottom:none}.rs-post-item:hover{background:rgba(0,106,99,.03)}.rs-post-item-content{flex:1 1;min-width:0}.rs-post-dismiss{width:24px;height:24px;border-radius:50%;background:none;border:none;color:var(--text-muted);font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;margin-top:2px;opacity:0}.rs-post-item:hover .rs-post-dismiss{opacity:1}.rs-post-dismiss:hover{color:var(--text);background:var(--surface2)}.rs-dismiss-all{margin-left:auto;background:none;border:none;color:var(--primary);font-size:11px;font-weight:600;cursor:pointer;padding:2px 8px;border-radius:6px;transition:background .12s}.rs-dismiss-all:hover{background:rgba(0,106,99,.08)}.comm-right-sidebar{width:280px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:120px;align-self:flex-start;max-height:calc(100vh - 140px);overflow-y:auto;display:flex;flex-direction:column;gap:0}.rs-widget{background:var(--surface2);border:1px solid rgba(187,201,199,.3);border-radius:14px;overflow:hidden;box-shadow:0 1px 4px rgba(25,28,29,.04),0 4px 12px rgba(25,28,29,.02);flex-shrink:0}.rs-widget-header{padding:14px 18px;font-size:13px;font-weight:800;color:var(--text);border-bottom:1px solid rgba(187,201,199,.35);display:flex;align-items:center;gap:8px}.rs-widget-header i{color:var(--primary)}.rs-widget-body{padding:4px 0}.rs-widget+.rs-widget{margin-top:12px}.rs-quick-nav-body{padding:6px 0}.rs-qnav-item{display:flex;align-items:center;gap:10px;padding:8px 16px;cursor:pointer;transition:background .12s}.rs-qnav-item:hover{background:rgba(0,106,99,.04)}.rs-qnav-icon{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#006A63,var(--primary-container));display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;flex-shrink:0}.rs-qnav-info{flex:1 1;min-width:0}.rs-qnav-name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rs-qnav-meta{font-size:11px;color:var(--text-muted);margin-top:1px}.rs-qnav-more{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 16px;border:none;background:none;color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:color .12s;border-top:1px solid var(--border)}.rs-qnav-more:hover{color:var(--primary)}.rs-qnav-more i{font-size:10px}.infinite-scroll-sentinel{height:1px}.rs-post-board{font-size:11px;color:var(--primary);font-weight:600;margin-bottom:3px;display:flex;align-items:center;gap:4px}.rs-post-board i{font-size:10px}.rs-post-title{font-size:13px;font-weight:600;color:var(--text);line-height:1.4;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rs-post-item:hover .rs-post-title{color:var(--primary)}.rs-post-meta{font-size:11px;color:var(--text-muted)}.rs-empty{padding:24px 16px;text-align:center;font-size:12px;color:var(--text-muted)}.rs-card{background:var(--surface2);border:1px solid rgba(187,201,199,.3);border-radius:14px;overflow:hidden;box-shadow:0 1px 4px rgba(25,28,29,.04),0 4px 12px rgba(25,28,29,.02);flex-shrink:0}.rs-card-banner{background:linear-gradient(135deg,#006A63 0,var(--primary-container) 50%,#5EEAD4 100%);padding:18px 14px;text-align:center;color:#fff;position:relative;overflow:hidden}.rs-card-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.12),transparent 60%)}.rs-card-banner i{position:relative;z-index:1}.rs-card-body{padding:14px}.rs-board-name{font-size:15px;font-weight:800;color:var(--text);margin-bottom:3px}.rs-board-desc{font-size:12px;color:var(--text-sub);line-height:1.5;margin-bottom:12px}.rs-join-btn{width:100%;padding:8px;border-radius:8px;border:none;background:var(--primary);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:all .18s;display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:12px}.rs-join-btn:hover{opacity:.9}.rs-join-btn.joined{background:var(--surface2);color:var(--text-sub);border:1px solid var(--border)}.rs-join-btn.joined:hover{background:rgba(239,68,68,.06);color:#ef4444;border-color:rgba(239,68,68,.3)}.rs-join-btn.joined:hover .rs-join-text{display:none}.rs-join-btn.joined:hover .rs-leave-text{display:inline}.rs-join-btn.joined .rs-leave-text{display:none}.rs-stats{display:flex;text-align:center;background:var(--surface2);border-radius:8px;padding:10px 0}.rs-stat{flex:1 1}.rs-stat-num{font-size:15px;font-weight:800;color:var(--text)}.rs-stat-label{font-size:10px;color:var(--text-muted);margin-top:2px}.rs-divider{height:1px;background:var(--border);margin:10px 0}.rs-info-row{font-size:11px;color:var(--text-sub);padding:3px 0;display:flex;align-items:center;gap:8px}.rs-info-row i{width:14px;text-align:center;color:var(--text-muted);font-size:11px}.rs-section-card{margin-top:12px}.rs-section-header{padding:12px 16px;font-size:13px;font-weight:700;color:var(--text);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.rs-section-header i:first-child{color:var(--primary);font-size:12px}.rs-section-edit{width:24px;height:24px;border-radius:6px;background:none;border:none;color:var(--text-muted);font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s;margin-left:auto}.rs-section-edit+.rs-section-edit{margin-left:0}.rs-section-edit:hover{background:var(--surface2);color:var(--primary)}.rs-section-body{padding:12px 16px}.rs-guide-text{font-size:12px;color:var(--text-sub);line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-word}.rs-guide-empty{font-size:12px;color:var(--text-muted);margin:0;font-style:italic}.rs-admin-item{gap:10px;padding:4px 0}.rs-admin-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,rgba(0,106,99,.1),rgba(45,212,191,.1));display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:11px;flex-shrink:0}.rs-admin-item span{font-size:13px;font-weight:600;color:var(--text)}.rs-rules-list{margin:0;padding-left:18px;font-size:12px;color:var(--text-sub);line-height:1.8}.rs-rules-list li{padding-left:4px}.rs-add-section-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;margin-top:12px;border:1px dashed var(--border);border-radius:12px;background:none;color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.rs-add-section-btn:hover{border-color:var(--primary);color:var(--primary);background:rgba(0,106,99,.03)}.rs-add-section-btn i{font-size:11px}.rs-board-info-card{margin-top:0}.comm-search-active{position:relative}.comm-search-active .comm-search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 8px 32px rgba(0,0,0,.1);z-index:200;max-height:360px;overflow-y:auto;animation:dropdownIn .15s ease}.cs-section{padding:8px 0}.cs-section-title{font-size:10px;font-weight:700;color:var(--text-muted);letter-spacing:.3px;padding:0 14px;margin-bottom:4px}.cs-item{display:flex;align-items:center;gap:10px;padding:7px 14px;cursor:pointer;transition:all .12s}.cs-item:hover{background:var(--surface2)}.cs-item i{width:16px;text-align:center;color:var(--text-muted);font-size:13px}.cs-item-name{flex:1 1;font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.cs-item-sub{font-size:11px;color:var(--text-muted);flex-shrink:0}.cs-divider{height:1px;background:var(--border);margin:4px 14px}.cs-empty{padding:28px;text-align:center;font-size:13px;color:var(--text-muted)}.comm-main{flex:1 1;min-width:0}.comm-header{justify-content:space-between;margin-bottom:20px;gap:12px}.comm-header,.comm-title{display:flex;align-items:center}.comm-title{font-size:20px;font-weight:800;color:var(--text);gap:10px;letter-spacing:-.02em;margin-bottom:16px}.comm-title .comm-write-btn{margin-left:auto}.comm-write-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:10px;background:linear-gradient(135deg,#006A63,var(--primary-container));color:#fff;border:none;font-size:13px;font-weight:700;cursor:pointer;transition:all .18s;box-shadow:0 2px 8px rgba(0,106,99,.2)}.comm-write-btn:hover{box-shadow:0 4px 16px rgba(0,106,99,.3);transform:translateY(-1px)}.comm-write-btn:disabled{opacity:.5;cursor:not-allowed}.prefix-badge{padding:2px 6px;font-weight:700;color:#fff}.board-name-badge,.prefix-badge{display:inline-block;border-radius:3px;font-size:10px;margin-right:6px;vertical-align:middle}.board-name-badge{padding:2px 8px;font-weight:600;background:var(--surface2);color:var(--text-muted)}.post-warning-icon{color:#ef4444;margin-left:6px;font-size:13px}.comm-feed-toolbar{margin-bottom:16px}.comm-feed-toolbar,.comm-toolbar-right{display:flex;align-items:center;gap:4px}.comm-sort-dropdown,.comm-view-toggle{position:relative}.comm-sort-btn,.comm-view-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;height:34px;box-sizing:border-box;border-radius:8px;background:var(--surface2);border:none;color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.comm-sort-btn:hover,.comm-view-btn:hover{background:var(--surface3)}.comm-sort-btn i:first-child{font-size:12px;color:var(--primary)}.comm-sort-arrow{font-size:9px;color:var(--text-muted);margin-left:2px}.comm-view-btn i:first-child{font-size:13px}.comm-sort-menu,.comm-view-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:160px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 8px 32px rgba(0,0,0,.12);z-index:100;overflow:hidden;animation:dropdownIn .12s ease}.comm-view-menu{left:auto;right:0}.comm-sort-menu-title{font-size:10px;font-weight:700;color:var(--text-muted);padding:10px 14px 4px;letter-spacing:.4px;text-transform:uppercase}.comm-sort-opt{display:flex;align-items:center;gap:10px;width:100%;padding:9px 14px;background:none;border:none;color:var(--text-sub);font-size:13px;font-weight:500;cursor:pointer;transition:all .1s;text-align:left}.comm-sort-opt:hover{background:var(--surface2);color:var(--text)}.comm-sort-opt.active{color:var(--primary);font-weight:700}.comm-sort-opt.active:after{content:"\f00c";font-family:Font Awesome\ 6 Free;font-weight:900;margin-left:auto;font-size:11px}.comm-sort-opt i{width:16px;text-align:center;font-size:13px}.post-list{display:flex;flex-direction:column;gap:0;background:var(--surface2);border-radius:12px;overflow:hidden}.post-list>.post-card+.post-card{margin-top:0;border-top:none;position:relative}.post-list>.post-card+.post-card:before{content:"";display:block;position:absolute;top:-3px;left:0;right:0;height:3px;background:var(--surface2);pointer-events:none}.post-card{display:flex;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .05s ease;position:relative;padding:12px 32px;margin-top:3px;background:var(--surface);border:1px solid transparent;border-radius:0;margin-left:0;margin-right:0}.post-card:first-child{margin-top:0;border-radius:12px 12px 0 0}.post-card:last-child{border-radius:0 0 12px 12px}.post-card:first-child:last-child{border-radius:12px}.post-card:hover{background:var(--surface3);border-color:transparent;box-shadow:none}.post-card:active{background:var(--surface-container-high,#EDEEEF);transform:scale(.995);transition-duration:.05s}.post-card:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;border-color:rgba(0,106,99,.3)}.post-card-body{flex:1 1;min-width:0}.post-meta-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12.5px;color:var(--text-muted);margin-bottom:8px;line-height:1.5}.post-board-icon{width:22px;height:22px;border-radius:50%;flex-shrink:0;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.post-board-icon img{width:100%;height:100%;object-fit:cover;display:block}.post-board-icon-fallback{width:22px;height:22px;border-radius:50%;flex-shrink:0;background:rgba(0,106,99,.1);color:var(--primary);font-size:10px;display:inline-flex;align-items:center;justify-content:center}.post-meta-board{font-weight:700;color:var(--primary);cursor:pointer;font-size:12.5px;transition:all .12s}.post-meta-board:hover{text-decoration:underline}.post-join-btn{display:inline-flex;align-items:center;justify-content:center;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .15s;border:1.5px solid var(--primary);background:var(--primary);color:#fff;line-height:1.4;white-space:nowrap}.post-join-btn:hover{background:var(--primary-hover,#005a54);border-color:var(--primary-hover,#005a54)}.post-join-btn.joined{background:transparent;color:var(--text-muted);border-color:rgba(187,201,199,.4);font-weight:600;cursor:pointer}.post-join-btn.joined .join-label-default{display:inline}.post-join-btn.joined .join-label-hover{display:none}.post-join-btn.joined:hover{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.5);color:#ef4444}.post-join-btn.joined:hover .join-label-default{display:none}.post-join-btn.joined:hover .join-label-hover{display:inline}.post-join-corner{position:absolute;top:12px;right:12px;z-index:2}.post-meta-sep{margin:0 2px;color:var(--text-muted);font-size:8px;vertical-align:middle;opacity:.45}.post-meta-user{font-weight:600;color:var(--text);display:inline-flex;align-items:center;gap:4px}.post-author-initial{display:inline-flex;background:var(--primary-light,#ede9fe);color:var(--primary,#006A63);font-size:10px;font-weight:700;align-items:center;justify-content:center}.post-author-avatar,.post-author-initial{width:18px;height:18px;border-radius:50%;flex-shrink:0}.post-author-avatar{object-fit:cover}.post-card-title{font-size:16px;font-weight:700;margin-bottom:6px;color:var(--text);line-height:1.4;letter-spacing:-.01em}.post-card:hover .post-card-title{color:var(--primary)}.post-card-preview{font-size:13px;color:var(--text-muted);line-height:1.55;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px}.post-spoiler-mask{display:flex;align-items:center;justify-content:center;padding:20px;margin-bottom:8px;background:var(--surface2);border-radius:12px;border:1px dashed var(--border)}.post-spoiler-reveal-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.25);border-radius:10px;color:#ef4444;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.post-spoiler-reveal-btn:hover{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.4)}.post-card-thumb{width:72px;flex-shrink:0;margin:0 0 0 16px;border-radius:10px;overflow:hidden;position:relative;background:var(--surface2);align-self:center}.post-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:1}.post-thumb-count{position:absolute;bottom:3px;right:3px;background:rgba(0,0,0,.65);color:#fff;font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px}.post-card.has-image{flex-direction:column}.post-card-hero-image{width:100%;border-radius:12px;overflow:hidden;margin:8px 0 4px;position:relative;background:var(--surface2)}.post-card-hero-image img{width:100%;height:auto;display:block;max-height:450px;object-fit:contain;cursor:pointer}.post-card-hero-count{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.65);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px}.post-thumb{width:100%;max-height:240px;border-radius:8px;overflow:hidden;margin-bottom:10px}.post-thumb img{width:100%;height:100%;object-fit:cover;display:block}.post-thumb-multi{display:grid;grid-gap:3px;gap:3px;border-radius:8px;overflow:hidden;margin-bottom:10px}.post-thumb-multi.g2,.post-thumb-multi.g3{grid-template-columns:1fr 1fr}.post-thumb-multi.g3{grid-template-rows:1fr 1fr}.post-thumb-multi.g3 img:first-child{grid-row:1/-1}.post-thumb-multi.gm{grid-template-columns:1fr 1fr}.post-thumb-multi img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.post-actions{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-muted);margin-top:10px}.post-vote-inline{display:inline-flex;align-items:center;gap:0;background:var(--surface2);border-radius:999px;padding:2px 4px;margin-right:0;border:1px solid rgba(187,201,199,.2)}.post-vote-inline .vote-btn{width:30px;height:28px;border-radius:50%;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px;transition:all .15s}.post-vote-inline .vote-btn:first-child:hover{background:rgba(255,69,0,.1);color:#ff4500}.post-vote-inline .vote-btn:last-child:hover{background:rgba(113,147,255,.1);color:#7193ff}.post-vote-inline .vote-btn.upvoted{color:#ff4500;background:rgba(255,69,0,.12)}.post-vote-inline .vote-btn.downvoted{color:#7193ff;background:rgba(113,147,255,.12)}.post-vote-inline .vote-score{font-size:13px;font-weight:700;min-width:24px;text-align:center;color:var(--text-sub);padding:0 2px}.post-vote-inline .vote-score.upvoted{color:#ff4500}.post-vote-inline .vote-score.downvoted{color:#7193ff}.post-action-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:999px;background:var(--surface2);border:1px solid rgba(187,201,199,.2);color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.post-action-btn:hover{background:var(--surface3);color:var(--text-sub);border-color:rgba(187,201,199,.35)}.post-action-btn i{font-size:13px}.post-poll-badge{display:inline-flex;align-items:center;gap:4px;margin-bottom:8px;padding:3px 8px;border-radius:4px;background:rgba(0,106,99,.06);font-size:11px;font-weight:600}.post-action-btn.bookmarked,.post-poll-badge{color:var(--primary)}.post-list>.post-compact+.post-compact{margin-top:0;padding-top:0;border-top:none;position:relative}.post-list>.post-compact+.post-compact:before{content:"";position:absolute;top:-4px;left:0;right:0;height:4px;background:var(--surface2);pointer-events:none}.post-compact{display:flex;align-items:center;gap:12px;padding:14px 24px;margin-top:4px;background:var(--surface);border:1px solid transparent;border-radius:0;margin-left:0;margin-right:0;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .05s ease}.post-compact:first-child{margin-top:0;border-radius:12px 12px 0 0}.post-compact:last-child{border-radius:0 0 12px 12px}.post-compact:first-child:last-child{border-radius:12px}.post-compact:hover{background:var(--surface2);border-color:rgba(187,201,199,.25)}.post-compact:active{background:var(--surface-container-high,#EDEEEF);transform:scale(.995);transition-duration:.05s}.post-compact:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.compact-thumb{width:56px;height:56px;flex-shrink:0;border-radius:8px;overflow:hidden;background:var(--surface2)}.compact-thumb img{width:100%;height:100%;object-fit:cover;display:block}.compact-body{flex:1 1;min-width:0}.compact-body .post-meta-line{margin-bottom:2px}.compact-body .post-card-title{font-size:14px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-actions{display:flex;gap:8px}.compact-actions,.compact-stat{align-items:center;font-size:13px;color:var(--text-muted)}.compact-stat{display:inline-flex;gap:5px;font-weight:600;background:var(--surface2);border-radius:999px;padding:3px 10px;border:1px solid rgba(187,201,199,.2)}.compact-stat i{font-size:11px}.post-vote-col{display:none}.post-content-col{flex:1 1;min-width:0}.board-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px;animation:wfIn .18s ease}.board-modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:100%;max-width:440px;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.15);animation:wmSlide .25s cubic-bezier(.16,1,.3,1)}.board-modal h3{font-size:17px;font-weight:800;margin-bottom:18px;color:var(--text)}.board-modal .write-field{margin-bottom:14px}.board-icon-picker{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.board-icon-opt{width:34px;height:34px;border-radius:8px;background:var(--surface2);border:2px solid transparent;color:var(--text-sub);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.board-icon-opt:hover{border-color:rgba(0,106,99,.3)}.board-icon-opt.active{border-color:var(--primary);color:var(--primary);background:rgba(0,106,99,.08)}.eligibility-box{padding:14px;border-radius:10px;background:var(--surface2);border:1px solid var(--border);margin-bottom:18px}.eligibility-box.blocked{background:rgba(239,68,68,.04);border-color:rgba(239,68,68,.2)}.eligibility-title{font-size:11px;font-weight:700;color:var(--text-muted);margin-bottom:10px}.elig-item{display:flex;align-items:center;gap:8px;font-size:13px;padding:4px 0;color:var(--text-sub)}.elig-item i{width:16px;text-align:center;font-size:12px}.elig-item.pass i{color:var(--success)}.elig-item.fail i{color:#ef4444}.elig-item.fail{color:#ef4444;font-weight:600}.elig-progress{margin-top:4px;height:4px;border-radius:2px;background:var(--border);overflow:hidden}.elig-progress-bar{height:100%;border-radius:2px;transition:width .3s ease}.board-name-hint{font-size:11px;color:var(--text-muted);margin-top:4px}.board-name-error{color:#ef4444}.board-name-error,.board-name-ok{font-size:11px;margin-top:4px;font-weight:600}.board-name-ok{color:var(--success)}.bc-wizard{max-width:520px;max-height:88vh;overflow-y:auto}.bc-steps{gap:32px;margin-bottom:24px}.bc-step-dot,.bc-steps{display:flex;align-items:center;justify-content:center;position:relative}.bc-step-dot{width:30px;height:30px;border-radius:50%;background:var(--surface2);border:2px solid var(--border);font-size:12px;font-weight:700;color:var(--text-muted);z-index:2;transition:all .25s}.bc-step-dot.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 0 4px rgba(0,106,99,.15)}.bc-step-dot.done{background:var(--success);border-color:var(--success);color:#fff}.bc-step-line{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 80px);height:3px;background:var(--border);border-radius:2px;z-index:1}.bc-step-line-fill{height:100%;background:var(--primary);border-radius:2px;transition:width .35s cubic-bezier(.4,0,.2,1)}.bc-step-content{animation:bcFadeIn .2s ease}@keyframes bcFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.bc-title{font-size:17px;font-weight:800;color:var(--text);margin-bottom:4px}.bc-subtitle{font-size:13px;color:var(--text-muted);margin-bottom:18px;line-height:1.5}.bc-tag-category{margin-bottom:16px}.bc-tag-label{font-size:12px;font-weight:700;color:var(--text-sub);margin-bottom:8px}.bc-tag-chips{display:flex;flex-wrap:wrap;gap:6px}.bc-tag-chip{padding:5px 12px;border-radius:16px;font-size:12px;font-weight:600;background:var(--surface2);border:1px solid var(--border);color:var(--text-sub);cursor:pointer;transition:all .15s;white-space:nowrap}.bc-tag-chip:hover{border-color:rgba(0,106,99,.3);background:rgba(0,106,99,.04)}.bc-tag-chip.selected{background:rgba(0,106,99,.1);border-color:var(--primary);color:var(--primary)}.bc-type-cards{display:flex;gap:10px;margin-bottom:8px}.bc-type-card{flex:1 1;padding:14px 10px;border-radius:12px;text-align:center;background:var(--surface2);border:2px solid var(--border);cursor:pointer;transition:all .18s}.bc-type-card:hover{border-color:rgba(0,106,99,.3)}.bc-type-card.selected{border-color:var(--primary);background:rgba(0,106,99,.06)}.bc-type-card i{font-size:20px;color:var(--text-muted);margin-bottom:6px;display:block}.bc-type-card.selected i{color:var(--primary)}.bc-type-label{font-size:13px;font-weight:700;color:var(--text);margin-bottom:4px}.bc-type-desc{font-size:11px;color:var(--text-muted);line-height:1.4}.bc-profile-upload{width:100%;border-radius:12px;border:2px dashed var(--border);cursor:pointer;overflow:hidden;transition:border-color .15s}.bc-profile-upload:hover{border-color:rgba(0,106,99,.4)}.bc-profile-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:6px;color:var(--text-muted)}.bc-profile-placeholder i{font-size:24px}.bc-profile-placeholder span{font-size:12px}.bc-profile-preview{position:relative;width:100%}.bc-profile-preview img{width:100%;height:120px;object-fit:cover;display:block}.bc-profile-remove{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;border:none;cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center}.bc-guidelines-input{width:100%;border-radius:10px;border:1px solid var(--border-input);background:var(--surface2);color:var(--text);padding:12px;font-size:13px;line-height:1.6;resize:vertical;font-family:inherit}.bc-guidelines-input:focus{outline:none;border-color:var(--primary)}.bc-admin-notice{align-items:center;padding:10px 12px;background:rgba(0,106,99,.05);border-radius:8px;font-size:12px;color:var(--primary)}.bc-admin-list,.bc-admin-notice{display:flex;gap:8px;margin-bottom:12px}.bc-admin-list{flex-direction:column}.bc-admin-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--surface2);border-radius:10px}.bc-admin-item.creator{background:rgba(0,106,99,.04)}.bc-admin-avatar{width:30px;height:30px;border-radius:50%;background:var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-muted)}.bc-admin-item.creator .bc-admin-avatar{background:rgba(0,106,99,.15);color:#f59e0b}.bc-admin-name{font-size:13px;font-weight:600;color:var(--text)}.bc-admin-role-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;margin-left:auto}.bc-admin-role-badge.super{background:rgba(245,158,11,.12);color:#f59e0b}.bc-admin-role-badge.regular{background:rgba(59,130,246,.1);color:#3b82f6}.bc-admin-remove{width:24px;height:24px;border-radius:50%;border:none;background:rgba(239,68,68,.08);color:#ef4444;cursor:pointer;justify-content:center;font-size:10px}.bc-admin-add,.bc-admin-remove{display:flex;align-items:center}.bc-admin-add{gap:8px;flex-wrap:wrap}.bc-admin-add input{flex:1 1;padding:8px 12px;border-radius:8px;border:1px solid var(--border-input);background:var(--surface2);color:var(--text);font-size:13px}.bc-admin-add input:focus{outline:none;border-color:var(--primary)}.bc-admin-role-select{padding:8px 10px;border-radius:8px;border:1px solid var(--border-input);background:var(--surface2);color:var(--text);font-size:12px;margin-bottom:8px}.bc-admin-add-btn{padding:8px 14px;border-radius:8px;border:none;background:var(--primary);color:#fff;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.bc-admin-add-btn:hover{opacity:.9}.bc-summary{background:var(--surface2);border-radius:14px;border:1px solid var(--border);padding:16px;margin-bottom:16px}.bc-summary-header{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--border)}.bc-summary-avatar{object-fit:cover}.bc-summary-avatar,.bc-summary-icon{width:44px;height:44px;border-radius:50%}.bc-summary-icon{background:rgba(0,106,99,.1);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--primary)}.bc-summary-name{font-size:15px;font-weight:700;color:var(--text)}.bc-summary-desc{font-size:12px;color:var(--text-muted);margin-top:2px}.bc-summary-rows{display:flex;flex-direction:column;gap:10px}.bc-summary-row{display:flex;gap:10px;font-size:13px}.bc-summary-label{font-weight:600;color:var(--text-sub);min-width:70px;flex-shrink:0}.bc-summary-val{color:var(--text)}.bc-summary-tags{display:flex;flex-wrap:wrap;gap:4px}.bc-notice-box{display:flex;gap:12px;padding:14px;border-radius:12px;background:rgba(245,158,11,.06);border:1px solid rgba(245,158,11,.15);color:var(--text-sub);font-size:12px;line-height:1.5}.bc-notice-box>i{color:#f59e0b;font-size:16px;flex-shrink:0;margin-top:2px}.bc-wizard-footer{display:flex;gap:8px;justify-content:flex-end;margin-top:22px;padding-top:16px;border-top:1px solid var(--border)}.board-profile-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.board-profile-img-sm{width:14px;height:14px;border-radius:50%;object-fit:cover;display:inline-block;vertical-align:middle}.board-profile-img-banner{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:1}.wb-selector{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border-radius:10px;background:var(--surface2);border:1px solid var(--border);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s;font-family:inherit}.wb-selector:hover{border-color:var(--primary)}.wb-sel-icon{width:24px;height:24px;border-radius:50%;background:rgba(0,106,99,.1);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--primary);flex-shrink:0;overflow:hidden}.wb-sel-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.12);z-index:100;overflow:hidden;animation:bcFadeIn .15s ease}.write-field{position:relative}.wb-search-wrap{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border)}.wb-search-wrap i{color:var(--text-muted);font-size:13px}.wb-search{flex:1 1;border:none;background:none;color:var(--text);font-size:13px;outline:none;font-family:inherit}.wb-search::placeholder{color:var(--text-muted)}.wb-list{max-height:260px;overflow-y:auto;padding:4px}.wb-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:8px;border:none;background:none;color:var(--text);cursor:pointer;font-family:inherit;text-align:left;transition:background .12s}.wb-item:hover{background:var(--surface2)}.wb-item.active{background:rgba(0,106,99,.06)}.wb-item-icon{width:32px;height:32px;border-radius:50%;background:rgba(0,106,99,.1);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--primary);flex-shrink:0;overflow:hidden}.wb-item-name{font-size:13px;font-weight:600}.wb-item-meta{font-size:11px;color:var(--text-muted)}.wb-guidelines{margin-bottom:14px;padding:12px 14px;border-radius:10px;background:rgba(59,130,246,.04);border:1px solid rgba(59,130,246,.12)}.wb-guidelines-title{font-size:12px;font-weight:700;color:#3b82f6;margin-bottom:8px;display:flex;align-items:center;gap:6px}.wb-guidelines-text{margin:0;white-space:pre-wrap}.wb-guidelines-rules,.wb-guidelines-text{font-size:12px;color:var(--text-sub);line-height:1.6}.wb-guidelines-rules{margin:4px 0 0;padding-left:18px}.wb-guidelines-rules li{margin-bottom:2px}.rs-prefix-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.rs-prefix-item{display:flex;align-items:center;gap:4px}.rs-prefix-badge{padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600}.rs-prefix-remove{width:18px;height:18px;border-radius:50%;border:none;background:rgba(239,68,68,.08);color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:9px}.rs-prefix-remove:hover{background:rgba(239,68,68,.15)}.rs-prefix-add{display:flex;gap:6px}.rs-prefix-add input{flex:1 1;padding:6px 10px;border-radius:8px;border:1px solid var(--border-input);background:var(--surface2);color:var(--text);font-size:12px;font-family:inherit}.rs-prefix-add input:focus{outline:none;border-color:var(--primary)}.rs-prefix-add button{padding:6px 10px;border-radius:8px;border:none;background:var(--primary);color:#fff;cursor:pointer;font-size:11px}.rs-prefix-add button:hover{opacity:.9}.prefix-select-group{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.prefix-select-btn{padding:5px 12px;border-radius:6px;background:var(--surface2);border:1px solid var(--border);color:var(--text-sub);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.prefix-select-btn:hover{border-color:rgba(0,106,99,.3)}.prefix-select-btn.active{color:#fff;border-color:transparent}.write-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px;animation:wfIn .18s ease}@keyframes wfIn{0%{opacity:0}to{opacity:1}}.write-modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:100%;max-width:700px;padding:0;box-shadow:0 20px 60px rgba(0,0,0,.15);animation:wmSlide .25s cubic-bezier(.16,1,.3,1);max-height:92vh;display:flex;flex-direction:column}@keyframes wmSlide{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.write-modal-header{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:700;color:var(--text);flex-shrink:0}.write-modal-close{width:28px;height:28px;border-radius:6px;background:var(--surface2);border:none;color:var(--text-muted);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.write-modal-close:hover{background:var(--surface3);color:var(--text)}.write-modal-body{padding:16px 20px 14px;overflow-y:auto;flex:1 1}.write-field{margin-bottom:14px}.write-field label{display:block;font-size:12px;font-weight:700;color:var(--text-muted);margin-bottom:6px}.write-field input{width:100%;padding:9px 12px;background:var(--surface2);border:1px solid var(--border-input);border-radius:8px;color:var(--text);font-size:14px;outline:none;transition:all .18s;font-family:inherit}.write-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,106,99,.06)}.editor-toolbar{display:flex;flex-wrap:wrap;gap:2px;align-items:center;padding:6px 10px;background:var(--surface2);border:1px solid var(--border);border-bottom:none;border-radius:8px 8px 0 0}.editor-toolbar .tb-sep{width:1px;height:18px;background:var(--border);margin:0 3px}.tb-btn{width:28px;height:28px;border-radius:5px;background:none;border:none;cursor:pointer;color:var(--text-sub);font-size:12px;display:inline-flex;align-items:center;justify-content:center;transition:all .12s}.tb-btn:hover{background:var(--surface3,rgba(255,255,255,.1));color:var(--text)}.tb-btn.active{background:rgba(0,106,99,.15);color:var(--primary)}.tb-select{height:26px;padding:0 6px;border-radius:5px;background:var(--surface);color:var(--text-sub);font-size:11px;cursor:pointer}.editor-body,.tb-select{border:1px solid var(--border);outline:none}.editor-body{min-height:200px;max-height:360px;overflow-y:auto;padding:12px 14px;background:var(--surface2);border-top:none;border-radius:0 0 8px 8px;color:var(--text);font-size:14px;line-height:1.8;transition:border-color .18s}.editor-body:focus{border-color:var(--primary)}.editor-body:empty:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none}.editor-body img{max-width:100%;border-radius:8px;margin:8px 0;display:block}.write-bottom-tools{display:flex;gap:6px;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.write-tool-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border-radius:6px;background:var(--surface2);border:1px solid var(--border);color:var(--text-sub);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.write-tool-btn.active,.write-tool-btn:hover{border-color:var(--primary);color:var(--primary)}.write-tool-btn.active{background:rgba(0,106,99,.08)}.write-poll-area{margin-top:14px;padding:14px;background:var(--surface2);border-radius:10px;border:1px solid var(--border)}.poll-opt-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.poll-opt-input{flex:1 1;padding:8px 12px;background:var(--surface);border:1px solid var(--border-input);border-radius:6px;color:var(--text);font-size:13px;outline:none;font-family:inherit;transition:border-color .18s}.poll-opt-input:focus{border-color:var(--primary)}.poll-opt-del{width:28px;height:28px;border-radius:6px;background:none;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center;transition:all .15s}.poll-opt-del:hover{color:#ef4444;border-color:#ef4444}.poll-add-opt{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:6px;background:none;border:1px dashed var(--border);color:var(--text-muted);font-size:12px;cursor:pointer;transition:all .15s}.poll-add-opt:hover{border-color:var(--primary);color:var(--primary)}.write-modal-footer{padding:0 20px 14px;display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}.write-cancel-btn{padding:9px 18px;border-radius:8px;background:var(--surface2);border:1px solid var(--border);color:var(--text-sub);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.write-cancel-btn:hover{background:var(--surface3);color:var(--text)}.write-submit-btn{padding:9px 20px;border-radius:8px;background:var(--primary);border:none;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}.write-submit-btn:hover{opacity:.9}.empty-msg{text-align:center;padding:60px 20px;color:var(--text-muted);font-size:14px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 1px 8px rgba(0,0,0,.04)}.load-more-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text-sub);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;box-shadow:0 1px 6px rgba(0,0,0,.03)}.load-more-btn:hover{background:var(--surface2);color:var(--primary);border-color:rgba(0,106,99,.2)}@keyframes postCardFadeIn{0%{opacity:0}to{opacity:1}}.post-card{animation:postCardFadeIn .2s ease both}.scroll-top-btn{position:fixed;bottom:32px;right:32px;z-index:90;width:38px;height:38px;border-radius:50%;background:var(--surface2);border:1px solid rgba(187,201,199,.3);color:var(--text-muted);font-size:13px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(25,28,29,.06),0 6px 20px rgba(25,28,29,.03);opacity:0;transform:translateY(16px);pointer-events:none}.scroll-top-btn.visible{opacity:1;transform:translateY(0);pointer-events:auto}.scroll-top-btn:hover{background:var(--primary);color:#fff;border-color:transparent;box-shadow:0 4px 16px rgba(0,106,99,.25)}@media (max-width:1100px){.comm-right-sidebar{width:240px}}@media (max-width:960px){.comm-right-sidebar{display:none!important}}@media (max-width:768px){.comm-wrap{padding:0 12px;flex-direction:column}.comm-top-tabs{padding:0}.comm-top-tab{padding:12px 16px;font-size:13px}.comm-layout{padding:20px 0 40px;flex-direction:column;gap:0}.comm-right-sidebar{display:none!important}.comm-header{margin-bottom:10px}.bdh-banner{height:90px}.bdh-profile-row{padding:0 14px;margin-top:-24px}.bdh-avatar{width:56px;height:56px;font-size:20px}.bdh-name{font-size:17px;padding-top:24px}.bdh-actions{gap:6px;padding-top:24px;flex-wrap:wrap}.bdh-join-btn,.bdh-write-btn{padding:6px 12px;font-size:12px}.bdh-toolbar{padding:10px 14px 0}.bdh-sort-tab{padding:8px 12px;font-size:12px}.bdh-notices{margin:10px 14px 0}.bdh-notice-card{flex:0 0 160px;padding:10px}.comm-top-tab{padding:12px 14px;font-size:12px;gap:5px}.explore-row{padding:10px 12px;gap:10px}.explore-row-icon{width:34px;height:34px;font-size:14px}.explore-row-name{font-size:13px}.mycomm-card{padding:10px 12px;gap:10px}.mycomm-card-icon{width:38px;height:38px;font-size:15px}.post-card-hero-image img{max-height:480px}.post-card{margin-left:0;margin-right:0;padding:16px 14px}.post-card-title{font-size:15px}.post-card-preview{font-size:12px}.post-card-thumb{width:56px}.post-list{gap:0}.post-list>.post-card+.post-card{border-top:none;margin-top:3px}.post-list>.post-card+.post-card:before{height:3px}.post-list>.post-compact+.post-compact{border-top:none;margin-top:4px;padding-top:0}.post-list>.post-compact+.post-compact:before{height:4px}.comm-sort-btn,.comm-view-btn{padding:5px 10px;font-size:12px;height:30px}.comm-feed-toolbar{margin-bottom:10px}.compact-thumb{width:44px;height:44px}.post-compact{margin-left:0;margin-right:0;padding:10px 12px}.post-action-btn{padding:5px 10px;font-size:12px}.post-vote-inline .vote-btn{width:26px;height:24px;font-size:12px}.post-vote-inline .vote-score{font-size:12px}.post-join-btn{font-size:10px;padding:2px 8px}.scroll-top-btn{bottom:20px;right:16px}.comm-explore-grid{grid-template-columns:1fr}}@media (max-width:600px){.comm-wrap{padding:0 8px;flex-direction:column}.comm-layout{padding:16px 0 40px}}@media (max-width:900px){.comm-sidebar{width:56px}.comm-sidebar-header{display:none}.comm-sidebar-nav{padding:8px}.comm-sidebar-item{justify-content:center;padding:10px;box-shadow:none}.comm-sidebar-item span{display:none}.comm-sidebar-bottom{padding:8px}.comm-sidebar-cta{padding:10px;font-size:0}.comm-sidebar-cta i{font-size:14px}}@media (max-width:767px){.comm-sidebar{display:none!important}.comm-mobile-tabs{display:flex;align-items:center;gap:0;background:var(--bg);position:-webkit-sticky;position:sticky;top:64px;z-index:50;border-bottom:2px solid var(--border);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}.comm-mobile-tabs::-webkit-scrollbar{display:none}}.rs-admin-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;margin-left:auto;white-space:nowrap}.rs-badge-super{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.rs-badge-regular{background:rgba(0,106,99,.1);color:var(--primary);border:1px solid rgba(0,106,99,.2)}.rs-admin-item{display:flex;align-items:center;gap:8px;padding:6px 0;position:relative}.rs-admin-remove{position:absolute;right:0;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:none;border:none;color:var(--text-muted);font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.rs-admin-item:hover .rs-admin-remove{opacity:1}.rs-admin-remove:hover{color:#ef4444}.admin-manage-label{font-size:12px;font-weight:700;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.admin-manage-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:var(--surface2);margin-bottom:6px}.admin-manage-avatar{width:28px;height:28px;border-radius:50%;background:rgba(0,106,99,.12);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.admin-manage-name{flex:1 1;font-size:13px;font-weight:600;color:var(--text)}.admin-manage-remove{padding:4px 10px;border-radius:6px;border:1px solid var(--border);background:none;color:var(--text-sub);font-size:11px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .15s}.admin-manage-remove:hover{border-color:#ef4444;color:#ef4444}.rs-section-image{margin-bottom:8px;border-radius:8px;overflow:hidden}.rs-section-image img{width:100%;height:auto;display:block;border-radius:8px;max-height:200px;object-fit:cover}.section-img-upload{display:flex;flex-direction:column;gap:8px}.section-img-preview{width:100%;min-height:80px;border-radius:10px;border:2px dashed var(--border);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--surface2);cursor:pointer}.section-img-preview img{width:100%;height:auto;display:block;max-height:180px;object-fit:cover}.section-img-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px;color:var(--text-muted);font-size:13px}.section-img-empty i{font-size:20px;opacity:.4}.section-img-actions{display:flex;gap:8px}.section-img-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface2);color:var(--text-sub);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.section-img-btn:hover{border-color:var(--primary);color:var(--primary)}.section-img-remove:hover{border-color:#ef4444;color:#ef4444}.content-wrap{opacity:1}.admin-wrap{min-height:auto}.admin-layout{display:flex;gap:0;max-width:1400px;margin:0 auto;min-height:calc(100vh - 64px)}.admin-access-denied,.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;color:var(--text-sub)}.admin-access-denied i{font-size:48px;color:var(--accent)}.admin-access-denied h2{font-size:20px;color:var(--text);margin:0}.admin-access-denied p{margin:0}.admin-spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:adminSpin .8s linear infinite}@keyframes adminSpin{to{transform:rotate(1turn)}}.admin-sidebar{width:220px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);padding:20px 0;display:flex;flex-direction:column;gap:2px;position:-webkit-sticky;position:sticky;top:64px;height:calc(100vh - 64px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.admin-sidebar::-webkit-scrollbar{width:5px}.admin-sidebar::-webkit-scrollbar-track{background:transparent}.admin-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.admin-sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.admin-sidebar-header{padding:0 20px 16px;font-size:15px;font-weight:700;color:var(--text);border-bottom:1px solid var(--border);margin-bottom:8px;display:flex;align-items:center;gap:8px}.admin-sidebar-divider{height:1px;background:var(--border);margin:8px 16px}.admin-sidebar-label{padding:12px 20px 4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);transition:color .15s;border-radius:0}.admin-sidebar-label:hover{color:var(--text-sub)}.admin-sidebar-label.has-active{color:var(--primary)}.admin-nav-item{display:flex;align-items:center;gap:10px;padding:10px 20px;font-size:13px;font-weight:500;color:var(--text-sub);background:none;border:none;cursor:pointer;transition:all .15s;font-family:inherit;text-align:left;width:100%}.admin-nav-item i{width:18px;text-align:center;font-size:14px}.admin-nav-item:hover{background:var(--primary-light);color:var(--primary-text)}.admin-nav-item.active{background:var(--primary-light);color:var(--primary);font-weight:600;border-right:3px solid var(--primary)}.admin-content{flex:1 1;padding:24px 32px;overflow-y:auto}.admin-page-title{font-size:20px;font-weight:700;color:var(--text);margin:0 0 20px;display:flex;align-items:center;gap:10px}.admin-page-title i{color:var(--primary)}.admin-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;border:none;cursor:pointer;font-family:inherit;transition:all .15s}.admin-btn-primary{background:var(--primary);color:#fff}.admin-btn-primary:hover{background:var(--primary-hover)}.admin-btn-danger{background:#ef4444;color:#fff}.admin-btn-danger:hover{background:#dc2626}.admin-btn-outline{background:none;border:1px solid var(--border);color:var(--text-sub)}.admin-btn-outline:hover{border-color:var(--primary);color:var(--primary)}.admin-btn-sm{padding:5px 10px;font-size:12px}.admin-quick-action{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:10px;font-size:13px;font-weight:600;border:none;cursor:pointer;font-family:inherit;transition:all .2s;background:color-mix(in srgb,var(--qa-color) 8%,transparent);color:var(--qa-color);border:1px solid color-mix(in srgb,var(--qa-color) 20%,transparent)}.admin-quick-action:hover{background:color-mix(in srgb,var(--qa-color) 15%,transparent);border-color:color-mix(in srgb,var(--qa-color) 40%,transparent);transform:translateY(-1px);box-shadow:0 2px 8px color-mix(in srgb,var(--qa-color) 15%,transparent)}.admin-quick-action i{font-size:12px}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:24px}.admin-stats.admin-stats-6{grid-template-columns:repeat(3,1fr)}.admin-stat-card{background:var(--surface);border:1px solid var(--border);padding:20px;gap:16px}.admin-stat-card,.admin-stat-icon{border-radius:12px;display:flex;align-items:center}.admin-stat-icon{width:48px;height:48px;justify-content:center;font-size:20px;flex-shrink:0}.admin-stat-icon.purple{background:rgba(0,106,99,.1);color:#006A63}.admin-stat-icon.blue{background:rgba(59,130,246,.1);color:#3b82f6}.admin-stat-icon.green{background:rgba(16,185,129,.1);color:#10b981}.admin-stat-icon.orange{background:rgba(245,158,11,.1);color:#f59e0b}.admin-stat-icon.red{background:rgba(239,68,68,.1);color:#ef4444}.admin-stat-icon.pink{background:rgba(236,72,153,.1);color:#ec4899}.admin-stat-info{display:flex;flex-direction:column;gap:2px}.admin-stat-value{font-size:24px;font-weight:700;color:var(--text)}.admin-stat-label{font-size:12px;color:var(--text-muted)}.admin-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);gap:12px;flex-wrap:wrap}.admin-toolbar-left{flex:1 1}.admin-toolbar-left,.admin-toolbar-right{display:flex;align-items:center;gap:8px}.admin-search-input{padding:7px 12px;border-radius:8px;border:1px solid var(--border-input);background:var(--surface2);color:var(--text);font-size:13px;font-family:inherit;outline:none;min-width:240px}.admin-search-input:focus{border-color:var(--primary)}.admin-filter-select{padding:7px 12px;border-radius:8px;border:1px solid var(--border-input);background:var(--surface2);color:var(--text);font-size:13px;font-family:inherit;outline:none;cursor:pointer}table.admin-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.admin-table th{padding:10px 14px;text-align:left;font-weight:600;color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px;background:var(--surface2);border-bottom:2px solid var(--border);white-space:nowrap}.admin-table td{padding:10px 14px;color:var(--text);vertical-align:middle}.admin-table tbody tr{position:relative;transition:background .15s}.admin-table tbody tr:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--border);pointer-events:none}.admin-table tbody tr:last-child:after{display:none}.admin-table tbody tr:hover:after{background:var(--primary-light)}.admin-table tbody tr:hover>td{background:var(--primary-light)!important}.admin-table .col-check{width:40px;text-align:center}.admin-table .col-thumb{width:60px}.admin-table .col-actions{width:auto;white-space:nowrap}.admin-table .col-date{width:100px}.admin-table .col-num{width:60px;text-align:right}.admin-table .col-badge,.admin-table .col-status{width:80px}.admin-table-empty{padding:40px;text-align:center;color:var(--text-muted);font-size:14px}.admin-table-actions{display:flex;gap:6px;flex-wrap:nowrap;align-items:center}.admin-table-actions .admin-btn{position:relative}.admin-table-actions .admin-btn[title]:hover:after{content:attr(title);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);white-space:nowrap;padding:4px 8px;background:var(--text);color:var(--bg);border-radius:6px;font-size:11px;font-weight:500;pointer-events:none;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,.15)}.admin-comment-cell{position:relative}.admin-comment-cell:hover:after{content:attr(title);position:absolute;left:0;top:100%;z-index:100;max-width:400px;padding:10px 14px;border-radius:8px;background:var(--bg);border:1px solid var(--border);box-shadow:0 4px 16px rgba(0,0,0,.15);font-size:13px;line-height:1.5;color:var(--text);white-space:pre-wrap;word-break:break-word;pointer-events:none}.admin-inline-select{padding:4px 8px;border-radius:6px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:11px;font-family:inherit;outline:none;cursor:pointer}.admin-dash-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-top:20px;align-items:start}.admin-dash-grid-full{grid-column:1/-1}.admin-dash-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;overflow:hidden}.admin-dash-card-title{font-size:14px;font-weight:700;color:var(--text);margin:0 0 16px;display:flex;align-items:center;gap:8px}.admin-dash-card-title i{color:var(--primary);font-size:13px}.admin-line-chart{width:100%;height:auto}.admin-line-chart text{fill:var(--text-muted);font-size:10px;font-family:inherit}.admin-donut-wrap{display:flex;align-items:center;justify-content:center;gap:32px}.admin-donut-legend{display:flex;flex-direction:column;gap:8px}.admin-donut-legend-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-sub)}.admin-donut-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.admin-donut-legend-val{font-weight:700;color:var(--text);margin-left:auto}.admin-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.admin-mini-stat{padding:14px;border-radius:10px;background:var(--surface2);display:flex;flex-direction:column;gap:4px}.admin-mini-stat-val{font-size:20px;font-weight:700;color:var(--text)}.admin-mini-stat-label{font-size:11px;color:var(--text-muted)}.admin-mini-stat-change{font-size:11px;font-weight:600}.admin-mini-stat-change.up{color:#10b981}.admin-mini-stat-change.down{color:#ef4444}.admin-recent-list{display:flex;flex-direction:column;gap:0}.admin-recent-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px}.admin-recent-item:last-child{border-bottom:none}.admin-recent-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.admin-recent-info{flex:1 1;min-width:0}.admin-recent-title{font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-recent-meta{font-size:11px;color:var(--text-muted)}.admin-hbar-wrap{display:flex;flex-direction:column;gap:10px}.admin-hbar-item{display:flex;align-items:center;gap:12px;font-size:13px}.admin-hbar-label{width:80px;color:var(--text-sub);text-align:right;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-hbar-track{flex:1 1;height:8px;background:var(--surface2);border-radius:4px;overflow:hidden}.admin-hbar-fill{height:100%;border-radius:4px;transition:width .5s ease}.admin-hbar-val{width:40px;color:var(--text);font-weight:600;text-align:right}.admin-pagination{gap:4px;padding:14px}.admin-page-btn,.admin-pagination{display:flex;align-items:center;justify-content:center}.admin-page-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:none;color:var(--text-sub);font-size:12px;cursor:pointer;font-family:inherit;transition:all .15s}.admin-page-btn:hover{border-color:var(--primary);color:var(--primary)}.admin-page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.admin-page-btn:disabled{opacity:.3;cursor:default}.admin-badge{display:inline-flex;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;white-space:nowrap;align-items:center;line-height:1.4}.admin-badge-green{background:rgba(16,185,129,.1);color:#10b981}.admin-badge-red{background:rgba(239,68,68,.1);color:#ef4444}.admin-badge-yellow{background:rgba(245,158,11,.1);color:#f59e0b}.admin-badge-blue{background:rgba(59,130,246,.1);color:#3b82f6}.admin-badge-purple{background:rgba(0,106,99,.1);color:#006A63}.admin-badge-gray{background:rgba(100,100,120,.1);color:#6b7280}.admin-badge-orange{background:rgba(245,158,11,.1);color:#f59e0b}.admin-badge-pink{background:rgba(236,72,153,.1);color:#ec4899}.admin-bulk-bar{display:flex;align-items:center;gap:12px;padding:10px 16px;margin-bottom:16px;background:rgba(0,106,99,.06);border:1px solid rgba(0,106,99,.15);border-radius:10px;font-size:13px;font-weight:600;color:var(--primary)}.admin-modal-overlay{position:fixed;inset:0;z-index:1200;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;animation:adminFadeIn .15s ease}.admin-modal{background:var(--surface);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);width:90%;max-width:560px;max-height:80vh;overflow-y:auto;animation:adminSlideUp .2s ease}.admin-modal-lg{max-width:800px}.admin-modal-xl{max-width:1000px;max-height:90vh}.admin-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border)}.admin-modal-title{font-size:16px;font-weight:700;color:var(--text)}.admin-modal-close{background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:4px}.admin-modal-body{padding:20px 24px}.admin-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid var(--border)}@keyframes adminFadeIn{0%{opacity:0}to{opacity:1}}@keyframes adminSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.admin-form-group{margin-bottom:16px}.admin-form-label{display:block;font-size:12px;font-weight:600;color:var(--text-sub);margin-bottom:6px}.admin-form-input,.admin-form-select,.admin-form-textarea{width:100%;padding:9px 14px;border-radius:8px;border:1px solid var(--border-input);background:var(--surface2);color:var(--text);font-size:13px;font-family:inherit;outline:none;box-sizing:border-box}.admin-form-input:focus,.admin-form-select:focus,.admin-form-textarea:focus{border-color:var(--primary)}.admin-form-textarea{resize:vertical;min-height:100px}.admin-form-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-sub);cursor:pointer}.admin-form-checkbox input{accent-color:var(--primary)}.admin-perm-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.admin-perm-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;background:var(--surface2);font-size:13px;color:var(--text-sub);cursor:pointer;transition:all .15s}.admin-perm-item:hover{background:rgba(0,106,99,.06)}.admin-perm-item input{accent-color:var(--primary)}.admin-perm-item input:checked+span{color:var(--primary);font-weight:600}.admin-settings-form{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;max-width:640px}.admin-settings-item{margin-bottom:20px}.admin-settings-toggle{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.admin-settings-toggle:last-of-type{border-bottom:none}.admin-settings-section{padding:24px;margin-bottom:20px}.admin-settings-section-title{font-size:15px;margin:0 0 16px;gap:8px}.admin-settings-section-title i{color:var(--primary);font-size:14px}.admin-toggle{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer}.admin-toggle input{opacity:0;width:0;height:0}.admin-toggle-slider{position:absolute;inset:0;background:var(--border);border-radius:24px;transition:all .2s}.admin-toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all .2s}.admin-toggle input:checked+.admin-toggle-slider{background:var(--primary)}.admin-toggle input:checked+.admin-toggle-slider:before{transform:translateX(20px)}.admin-coin-user-item{padding:8px 12px;border-radius:8px;cursor:pointer;transition:background .15s;font-size:13px}.admin-coin-user-item:hover{background:rgba(0,106,99,.06)}.admin-truncate{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-truncate-sm{max-width:120px}.admin-chart-wrap{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:24px}.admin-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.admin-chart-legend{display:flex;gap:16px;font-size:12px;color:var(--text-sub)}.admin-chart-legend-item{display:flex;align-items:center;gap:4px}.admin-chart-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.admin-chart-body{display:flex;align-items:flex-end;height:180px;gap:2px;padding-bottom:24px;position:relative;border-bottom:1px solid var(--border)}.admin-chart-col{display:flex;flex-direction:column;align-items:center;position:relative}.admin-chart-bars{display:flex;gap:2px;align-items:flex-end}.admin-chart-bar{width:6px;border-radius:3px 3px 0 0;min-height:2px;transition:height .3s ease}.admin-chart-bar-users{background:#3b82f6}.admin-chart-bar-novels{background:#006A63}.admin-chart-bar-comments{background:#10b981}.admin-chart-bar:hover{opacity:.7}.admin-chart-label{font-size:9px;color:var(--text-muted);margin-top:6px;position:absolute;bottom:-20px;white-space:nowrap}.admin-user-detail{display:grid;grid-template-columns:280px 1fr;grid-gap:24px;gap:24px}.admin-user-profile-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;text-align:center}.admin-user-avatar{width:80px;height:80px;border-radius:50%;background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 12px}.admin-user-name{font-size:18px;font-weight:700;color:var(--text);margin-bottom:4px}.admin-user-email{font-size:12px;color:var(--text-muted);margin-bottom:16px}.admin-user-role-badge{display:inline-flex;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:16px}.admin-user-info-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;text-align:left}.admin-user-info-item{padding:8px;border-radius:8px;background:var(--surface2)}.admin-user-info-label{font-size:10px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.admin-user-info-value{font-size:14px;font-weight:600;color:var(--text);margin-top:2px}.admin-user-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:16px}.admin-user-tab{padding:10px 16px;font-size:13px;font-weight:500;color:var(--text-sub);background:none;cursor:pointer;border:none;border-bottom:2px solid transparent;font-family:inherit;transition:all .15s}.admin-user-tab:hover{color:var(--primary)}.admin-user-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.admin-user-actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:8px;gap:8px;margin-top:16px}.admin-user-action-btn{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-sub);font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s}.admin-user-action-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.admin-user-action-btn.danger:hover{border-color:#ef4444;color:#ef4444;background:rgba(239,68,68,.06)}.admin-novel-detail{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px}.admin-novel-header{display:flex;gap:20px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.admin-novel-thumb{width:120px;height:160px;border-radius:8px;object-fit:cover;background:var(--surface2);flex-shrink:0}.admin-novel-info{flex:1 1}.admin-novel-info h2{margin:0 0 8px;font-size:18px;color:var(--text)}.admin-novel-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--text-muted);margin-bottom:12px}.admin-chapter-list{max-height:400px;overflow-y:auto}.admin-chapter-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);font-size:13px}.admin-chapter-item:hover{background:var(--primary-light)}.admin-warning-list{max-height:300px;overflow-y:auto}.admin-warning-item{padding:10px 14px;border-bottom:1px solid var(--border);font-size:13px}.admin-warning-item:last-child{border-bottom:none}.admin-warning-date{font-size:11px;color:var(--text-muted);margin-top:4px}.admin-memo-box{padding:12px;background:rgba(245,158,11,.06);border:1px solid rgba(245,158,11,.15);border-radius:8px;font-size:13px;margin-top:8px}.admin-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:16px;gap:16px}.admin-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .15s}.admin-card:hover{border-color:var(--primary)}.admin-card-header{padding:16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.admin-card-body{padding:16px}.admin-card-footer{padding:12px 16px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end}.admin-filter-tags{display:flex;flex-wrap:wrap;gap:8px}.admin-filter-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;background:rgba(239,68,68,.08);color:#ef4444;font-size:12px;font-weight:600}.admin-filter-tag button{background:none;border:none;color:inherit;font-size:12px;cursor:pointer;padding:0}.admin-push-form{max-width:640px}.admin-push-preview{background:var(--surface2);border-radius:12px;padding:16px;margin-top:16px;border:1px dashed var(--border)}.admin-push-preview-title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:4px}.admin-push-preview-body{font-size:13px;color:var(--text-sub)}.admin-settings-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.admin-settings-section-title{display:flex;align-items:center;gap:10px;padding:14px 20px;font-size:14px;font-weight:700;color:var(--text);border-bottom:1px solid var(--border);background:var(--surface2)}.admin-settings-section-body{padding:16px 20px}.admin-settings-section-body .admin-form-group:last-child{margin-bottom:0}.admin-backup-list{max-width:640px}.admin-backup-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:8px}.admin-backup-info{display:flex;flex-direction:column;gap:2px}.admin-backup-name{font-size:14px;font-weight:600;color:var(--text)}.admin-backup-meta{font-size:11px;color:var(--text-muted)}.admin-tab-content{display:none}.admin-tab-content.active{display:block}@media (max-width:900px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;flex-direction:row;overflow-x:auto;padding:0;border-right:none;border-bottom:1px solid var(--border);gap:0;flex-wrap:nowrap}.admin-sidebar-divider,.admin-sidebar-header,.admin-sidebar-label{display:none}.admin-nav-item{white-space:nowrap;padding:12px 16px;border-right:none!important}.admin-nav-item.active{border-bottom:3px solid var(--primary);border-right:none!important}.admin-content{padding:16px}.admin-sidebar{position:static;height:auto;overflow-y:visible}.admin-stats,.admin-stats.admin-stats-6{grid-template-columns:repeat(2,1fr)}.admin-dash-grid,.admin-perm-grid{grid-template-columns:1fr}.admin-mini-stats{grid-template-columns:repeat(2,1fr)}.admin-table-wrap{overflow-x:auto}table.admin-table{min-width:600px}}@media (max-width:600px){.admin-stats,.admin-stats.admin-stats-6{grid-template-columns:1fr}.admin-toolbar{flex-direction:column;align-items:stretch}.admin-toolbar-left,.admin-toolbar-right{width:100%}.admin-search-input{min-width:unset;width:100%}.admin-bulk-bar{flex-wrap:wrap}.admin-mini-stats{grid-template-columns:1fr}.admin-donut-wrap{flex-direction:column}}.read-progress-wrap{position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--reader-border2,rgba(255,255,255,.1));overflow:hidden}.read-progress-bar{height:100%;width:0;background:#006A63;transition:width .3s ease}.reader-tool-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);width:34px;height:34px;border-radius:8px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;position:relative}.reader-tool-btn:hover{background:rgba(0,106,99,.1)}.reader-tool-btn.active,.reader-tool-btn:hover{border-color:#006A63;color:var(--primary-container)}.reader-tool-btn.active{background:rgba(0,106,99,.15)}.reader-tool-btn[title]{position:relative}.reader-tool-btn[title]:after{content:attr(title);position:absolute;bottom:-32px;left:50%;transform:translateX(-50%);background:var(--surface);color:var(--text);font-size:11px;font-weight:500;padding:4px 8px;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;box-shadow:0 2px 8px rgba(0,0,0,.4);z-index:100}.reader-tool-btn[title]:hover:after{opacity:1}.reader-tools{display:flex;align-items:center;gap:10px}.settings-panel{position:fixed;top:0;right:0;bottom:0;z-index:800;width:340px;background:var(--reader-surface2,#142220);border-left:1px solid var(--reader-border2,rgba(255,255,255,.08));box-shadow:-8px 0 32px rgba(0,0,0,.4);transform:translateX(100%);transition:transform .3s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column}.settings-panel.open{transform:translateX(0)}.settings-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 0;flex-shrink:0}.settings-panel-title{font-size:15px;font-weight:700;color:var(--reader-text-color,#f0f0f5)}.settings-panel-close{background:none;border:none;color:var(--reader-muted,#9999b3);font-size:18px;cursor:pointer;padding:4px;transition:color .15s}.settings-panel-close:hover{color:var(--reader-text-color,#fff)}.settings-tabs{display:flex;gap:0;padding:12px 18px 0;flex-shrink:0;border-bottom:1px solid var(--reader-border2,rgba(255,255,255,.06))}.settings-tab{flex:1 1;padding:8px 0;text-align:center;font-size:12px;font-weight:600;color:var(--reader-dim,#55556b);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .18s;font-family:inherit}.settings-tab.active{color:var(--primary-container);border-bottom-color:#006A63}.settings-tab:hover:not(.active){color:#9999b3}.settings-tab-content{display:none;flex-direction:column;gap:16px;padding:18px;overflow-y:auto;flex:1 1}.settings-tab-content.active{display:flex}.settings-panel-inner{display:flex;flex-direction:column;flex:1 1;overflow:hidden}@media (max-width:480px){.settings-panel{width:100%}}.setting-group{display:flex;flex-direction:column;gap:6px}.setting-label{font-size:12px;font-weight:600;color:var(--primary-container);text-transform:uppercase;letter-spacing:.5px}.setting-row{display:flex;align-items:center;gap:10px}.setting-value{font-size:12px;color:var(--reader-muted,#9999b3);min-width:40px;text-align:right}.setting-icon{width:18px;flex-shrink:0;text-align:center;color:var(--reader-dim,#55556b)}.setting-input-wrap{display:flex;align-items:center;gap:3px;width:68px;flex-shrink:0;justify-content:flex-end}.setting-input{width:46px;padding:4px;border-radius:6px;background:var(--reader-input-bg,rgba(255,255,255,.06));border:1px solid var(--reader-border,#2e2e3e);color:var(--reader-input-color,#ccc);font-size:12px;text-align:center;font-family:inherit;outline:none;-moz-appearance:textfield}.setting-input::-webkit-inner-spin-button,.setting-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.setting-input:focus{border-color:#006A63}.setting-unit{font-size:11px;color:var(--reader-dim,#55556b);width:16px}.font-family-select{background:var(--reader-input-bg,rgba(255,255,255,.06));border:1px solid var(--reader-border,#2e2e3e);color:var(--reader-input-color,#ccc);font-size:13px;padding:7px 12px;border-radius:8px;outline:none;cursor:pointer;width:100%;transition:border-color .2s}.font-family-select:focus{border-color:#006A63}.font-family-select option{background:#142220;color:#ccc}.setting-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1 1;height:4px;border-radius:2px;background:var(--reader-border,#2e2e3e);outline:none;transition:background .2s}.setting-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#006A63;cursor:pointer;box-shadow:0 0 6px rgba(0,106,99,.4);-webkit-transition:transform .15s;transition:transform .15s}.setting-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.setting-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#006A63;cursor:pointer;border:none;box-shadow:0 0 6px rgba(0,106,99,.4)}.bg-presets{display:flex;gap:8px;flex-wrap:wrap}.bg-preset-btn{width:40px;height:40px;border-radius:10px;border:2px solid transparent;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.bg-preset-btn:hover{transform:scale(1.08)}.bg-preset-btn.active{border-color:#006A63;box-shadow:0 0 10px rgba(0,106,99,.3)}.bg-preset-dark{background:#0d0d18;color:#9999b3}.bg-preset-sepia{background:#f4ecd8;color:#5c4033}.bg-preset-paper{background:#fefefe;color:#333}.bg-preset-gray{background:#1E2826;color:#9999b3}.color-pick-label{width:40px;height:40px;border-radius:10px;border:2px dashed #444;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;color:#006A63;transition:all .2s;position:relative;overflow:hidden}.color-pick-label:hover{border-color:#006A63;transform:scale(1.08)}.color-pick-label input[type=color]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;top:0;left:0}.text-preset-btn{width:40px;height:40px;border-radius:10px;border:2px solid transparent;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.text-preset-btn:hover{transform:scale(1.08)}.text-preset-btn.active{border-color:#006A63;box-shadow:0 0 10px rgba(0,106,99,.3)}.auto-text-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:12px;color:var(--reader-muted,#9999b3);-webkit-user-select:none;-moz-user-select:none;user-select:none}.auto-text-toggle input{accent-color:#006A63;width:14px;height:14px;cursor:pointer}.setting-reset-btn{width:100%;margin-top:8px;padding:8px;background:none;border:1px solid var(--reader-border,#2e2e3e);border-radius:8px;color:var(--reader-muted,#9999b3);font-size:12px;font-family:inherit;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px}.setting-reset-btn:hover{border-color:#ef4444;color:#ef4444}.setting-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.setting-toggle-row+.setting-toggle-row{border-top:1px solid rgba(255,255,255,.04)}.setting-toggle-info{display:flex;flex-direction:column;gap:2px}.setting-toggle-name{font-size:13px;font-weight:600;color:var(--reader-text-color,#e0e0f0)}.setting-toggle-desc{font-size:11px;color:var(--reader-dim,#55556b)}.toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;border-radius:12px;background:#2e2e3e;cursor:pointer;transition:background .25s}.toggle-slider:before{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#888;transition:all .25s}.toggle-slider[data-on="1"],.toggle-switch input:checked+.toggle-slider{background:#006A63}.toggle-slider[data-on="1"]:before,.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px);background:#fff}.setting-sub-option{padding:8px 0 8px 12px;margin-top:4px;border-left:2px solid rgba(0,106,99,.3);display:none}.setting-sub-option.visible{display:block}.next-chap-btn-wrap{display:flex;justify-content:center;padding:32px 20px}.next-chap-btn{display:flex;align-items:center;gap:10px;padding:16px 48px;border-radius:14px;background:var(--primary);border:none;color:#fff;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px rgba(0,106,99,.3)}.next-chap-btn:hover{background:var(--primary-hover);box-shadow:0 6px 24px rgba(0,106,99,.4);transform:translateY(-1px)}.page-view-mode{overflow:hidden!important;position:relative}.page-view-inner{column-fill:auto;column-gap:0}.page-view-mode img{max-width:100%!important;max-height:var(--pv-col-height,100vh)!important;object-fit:contain;page-break-inside:avoid;break-inside:avoid}.page-view-mode .reader-content-wrap,.page-view-mode p{overflow-wrap:break-word;word-break:break-word}.page-view-mode .reader-content-wrap{padding-left:14px;padding-right:14px;max-width:100%;box-sizing:border-box}.page-view-mode .chapter-auto-divider,.page-view-mode .reader-chap-date,.page-view-mode .reader-chap-title{page-break-inside:avoid;break-inside:avoid;-webkit-column-break-inside:avoid}.page-view-inner{transition:transform .35s cubic-bezier(.22,1,.36,1);will-change:transform}.page-view-mode .pv-ad-page{break-before:column;break-after:column;page-break-inside:avoid;break-inside:avoid;-webkit-column-break-before:always;-webkit-column-break-after:always;height:var(--pv-col-height,100vh);display:flex;align-items:center;justify-content:center;box-sizing:border-box}.page-view-mode .chap-action-bar,.page-view-mode .chap-end-ad,.page-view-mode .chapter-end-box,.page-view-mode .chapter-sentinel,.page-view-mode .comment-section,.page-view-mode .donate-author-wrap,.page-view-mode .next-chap-btn-wrap,.page-view-mode .prev-chapter-sentinel{display:none!important}.pv-fixed-action-bar{position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--reader-surface2,rgba(14,14,28,.95));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.06);justify-content:space-between;padding:0 8px;height:48px}.pv-fixed-action-bar,.pvab-nav{display:flex;align-items:center}.pvab-nav{gap:6px;background:none;border:none;cursor:pointer;color:var(--reader-muted,#8888b0);font-size:13px;font-weight:600;font-family:inherit;padding:10px 14px;transition:color .15s}.pvab-nav:hover{color:var(--primary-container)}.pvab-nav.disabled{color:#333350;pointer-events:none}.pvab-nav i{font-size:12px}.pvab-actions{gap:4px}.pvab-actions,.pvab-btn{display:flex;align-items:center}.pvab-btn{width:40px;height:40px;justify-content:center;background:none;border:none;border-radius:50%;cursor:pointer;color:var(--reader-icon,#6868a0);font-size:16px;transition:color .15s,background .15s}.pvab-btn:hover{color:var(--primary-container);background:rgba(0,106,99,.1)}.pv-chap-picker-overlay{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.5);display:flex;align-items:flex-end;justify-content:center}.pv-chap-picker{background:var(--reader-surface,#1A2422);border-radius:16px 16px 0 0;padding:20px 24px 28px;width:100%;max-width:400px;animation:pvPickerSlideUp .25s ease-out}@keyframes pvPickerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pvcp-title{font-size:14px;font-weight:700;color:var(--reader-muted,#a0a0c0);text-align:center;margin-bottom:16px}.pvcp-list{display:flex;gap:10px;justify-content:center}.pvcp-btn{flex:1 1;max-width:140px;padding:14px 0;background:var(--reader-surface,#24243e);border:1px solid var(--reader-border,#2e2e4a);border-radius:10px;color:var(--reader-text-color,#c0c0e0);font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .15s}.pvcp-btn:hover{background:#006A63;color:#fff;border-color:#006A63}.page-view-slider{display:flex;transition:transform .35s cubic-bezier(.22,1,.36,1);will-change:transform}.book-spine{position:absolute;top:0;bottom:0;left:50%;width:1px;background:rgba(255,255,255,.07);box-shadow:0 0 14px rgba(0,0,0,.5);pointer-events:none;z-index:5}.pv-nav-btn{position:fixed;top:50%;transform:translateY(-50%);width:40px;height:80px;background:rgba(0,0,0,.12);border:none;outline:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(255,255,255,.22);font-size:18px;z-index:99;transition:color .2s,background .2s}.pv-nav-btn:hover{color:rgba(255,255,255,.6);background:rgba(0,0,0,.28)}.pv-nav-left{left:0;border-radius:0 8px 8px 0}.pv-nav-right{right:0;border-radius:8px 0 0 8px}@media (max-width:600px){.pv-nav-btn{width:30px;height:60px;font-size:14px}}.pv-comment-btn-wrap{display:none;justify-content:center;padding:32px 20px 16px}.pv-comment-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;background:rgba(0,106,99,.12);border:1px solid rgba(0,106,99,.25);color:var(--primary-container);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.pv-comment-btn:hover{background:rgba(0,106,99,.22);border-color:#006A63}.pv-comment-panel{position:fixed;left:0;right:0;bottom:0;z-index:700;max-height:70vh;background:var(--reader-surface2,#142220);border-top:1px solid var(--reader-border2,rgba(255,255,255,.08));border-radius:16px 16px 0 0;box-shadow:0 -8px 32px rgba(0,0,0,.5);transform:translateY(100%);transition:transform .35s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;overflow:hidden}.pv-comment-panel.open{transform:translateY(0)}.pv-comment-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.06)}.pv-comment-panel-title{font-size:14px;font-weight:700;color:var(--reader-text-color,#f0f0f5)}.pv-comment-panel-close{background:none;border:none;color:var(--reader-muted,#9999b3);font-size:18px;cursor:pointer;padding:4px}.pv-comment-panel-body{overflow-y:auto;flex:1 1;padding:12px 18px 18px}.pv-comment-overlay{position:fixed;inset:0;z-index:699;background:rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:opacity .25s}.pv-comment-overlay.open{opacity:1;pointer-events:auto}.settings-overlay{position:fixed;inset:0;z-index:799;background:rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:opacity .25s}.settings-overlay.open{opacity:1;pointer-events:auto}.para-hover-bar{position:fixed;z-index:500;background:var(--reader-bg,#fff);border:1px solid var(--reader-border,rgba(0,0,0,.08));border-radius:10px;display:flex;gap:2px;padding:4px;box-shadow:0 4px 20px var(--reader-shadow,rgba(0,0,0,.12));opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .2s,transform .2s cubic-bezier(.22,1,.36,1)}.para-hover-bar.show{opacity:1;pointer-events:auto;transform:translateY(0)}.phb-btn{border:none;border-radius:7px;padding:7px 12px;background:transparent;color:var(--reader-muted,#9999b8);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .12s}.phb-btn:hover{background:rgba(0,106,99,.15);color:var(--primary-container)}.phb-btn.phb-liked{color:#f87171}.phb-btn i{font-size:13px}.para-wrap.para-hovered{background:rgba(45,212,191,.05);border-radius:4px;transition:background .15s}.para-wrap.para-commenting{background:rgba(45,212,191,.12);border-radius:6px;transition:background .2s}.spoiler-text{background:rgba(139,92,246,.08);color:inherit;border-radius:4px;padding:1px 4px;cursor:default;position:relative}.spoiler-text:before{content:"";display:none}.para-side-panel{position:-webkit-sticky;position:sticky;top:64px;z-index:50;width:380px;height:calc(100vh - 64px);background:var(--reader-bg,#fff);border-left:1px solid var(--reader-border,rgba(0,0,0,.08));display:flex;flex-direction:column;overflow:hidden}.para-side-overlay{display:none!important}.psp-header{justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--reader-border,#252538);flex-shrink:0}.psp-header,.psp-header-inner{display:flex;align-items:center}.psp-header-inner{gap:8px}.psp-title{font-size:14px;font-weight:700;color:var(--reader-text-color,#e8e8f5)}.psp-close{background:none;border:none;cursor:pointer;color:var(--reader-dim,#6a6a88);font-size:18px;padding:2px 6px;transition:color .12s}.psp-close:hover{color:var(--reader-text-color,#e8e8f5)}.psp-quote-box{margin:10px 14px 0;padding:8px 12px;background:rgba(45,212,191,.08);border-left:3px solid #006a63;border-radius:0 6px 6px 0;font-size:12px;color:var(--primary-container);font-style:italic;line-height:1.5}.psp-comment-list{flex:1 1;overflow-y:auto;padding:12px 14px}.psp-comment-list,.psp-empty{display:flex;flex-direction:column;gap:10px}.psp-empty{text-align:center;color:var(--reader-dim,#44445e);font-size:13px;padding:48px 20px;align-items:center}.psp-empty i{font-size:28px;color:var(--reader-border,#253330)}.psp-comment-item{padding:12px 0;border-bottom:1px solid var(--reader-border2,#1a1a2c)}.psp-comment-item:last-child{border-bottom:none}.psp-c-hd{gap:8px;margin-bottom:7px}.psp-c-avatar,.psp-c-hd{display:flex;align-items:center}.psp-c-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#4c2a8a,#006A63);justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.psp-c-nick{font-size:12px;font-weight:700;color:var(--reader-text-color,#c0c0dc)}.psp-c-date{font-size:10px;margin-left:auto}.psp-c-date,.psp-c-del{color:var(--reader-dim,#3a3a52)}.psp-c-del{background:none;border:none;cursor:pointer;font-size:11px;padding:2px 4px;transition:color .12s}.psp-c-del:hover{color:#ef4444}.psp-c-text{font-size:13px;color:var(--reader-text-color,#8080a0);line-height:1.65;padding-left:34px}.psp-c-foot{gap:12px;padding-left:34px;margin-top:8px}.psp-c-foot,.psp-c-like{display:flex;align-items:center}.psp-c-like{background:none;border:none;cursor:pointer;gap:4px;font-size:11px;color:var(--reader-dim,#44445e);font-family:inherit;transition:color .12s}.psp-c-like.liked,.psp-c-like:hover{color:#f87171}.psp-c-like i{font-size:11px}.psp-gif{width:100%;border-radius:6px}.psp-write{border-top:1px solid var(--reader-border,#252538);padding:12px 14px;flex-shrink:0}.psp-textarea{width:100%;padding:9px 12px;box-sizing:border-box;background:var(--reader-input-bg,rgba(255,255,255,.05));border:1px solid var(--reader-input-border,#253330);border-radius:8px;font-size:13px;font-family:inherit;color:var(--reader-input-color,#d4d4e8);resize:none;transition:border-color .15s}.psp-textarea:focus{outline:none;border-color:#006A63}.psp-write-actions{display:flex;align-items:center;gap:8px;margin-top:8px}.psp-gif-btn{padding:6px 12px;background:var(--reader-input-bg,rgba(255,255,255,.05));border:1px solid var(--reader-input-border,#253330);border-radius:8px;color:var(--reader-muted,#9999b8);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .12s}.psp-gif-btn:hover{border-color:#006A63;color:var(--primary-container)}.psp-char-count{font-size:11px;color:var(--reader-dim,#44445a);margin-right:auto}.psp-submit-btn{width:36px;height:36px;border-radius:50%;background:var(--primary,#006A63);border:none;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s}.psp-submit-btn:hover{background:#005A54}.gif-picker{margin-top:10px;border:1px solid var(--reader-input-border,#253330);border-radius:10px;overflow:hidden;background:var(--reader-bg,#0d0d1a)}.gif-search-row{padding:8px}.gif-search-input{width:100%;padding:7px 10px;box-sizing:border-box;background:var(--reader-input-bg,rgba(255,255,255,.06));border:1px solid var(--reader-input-border,#253330);border-radius:6px;font-size:13px;font-family:inherit;color:var(--reader-input-color,#d4d4e8);transition:border-color .15s}.gif-search-input:focus{outline:none;border-color:#006A63}.gif-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3px;gap:3px;padding:0 6px 8px;max-height:180px;overflow-y:auto}.gif-item{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;cursor:pointer;transition:opacity .12s}.gif-item:hover{opacity:.8}.gif-empty{grid-column:1/-1;text-align:center;color:var(--reader-dim,#55556b);font-size:12px;padding:20px}.reader-float-actions{display:none!important}.chap-action-bar{max-width:720px;margin:0 auto;padding:32px 20px 40px;display:flex;justify-content:center;gap:52px;border-top:1px solid var(--reader-border2,rgba(255,255,255,.06))}.cab-btn{flex-direction:column;gap:9px;background:none;border:none;cursor:pointer}.cab-btn,.cab-circle{display:flex;align-items:center}.cab-circle{width:58px;height:58px;border-radius:50%;background:var(--reader-cab-bg,#14142a);border:2px solid var(--reader-cab-border,#24243e);justify-content:center;font-size:22px;color:var(--reader-icon,#6868a0);transition:all .2s}.cab-btn:hover .cab-circle{border-color:#006A63;color:var(--primary-container);background:rgba(0,106,99,.12)}.cab-label{font-size:12px;color:var(--reader-dim,#55556b);font-weight:600;letter-spacing:.3px}.cab-count{font-size:11px;color:#006A63;font-weight:700;min-height:14px}.cab-like.liked .cab-circle{color:#f87171;border-color:rgba(248,113,113,.5);background:rgba(248,113,113,.08)}.cab-donate .cab-circle{color:var(--primary-container);border-color:rgba(45,212,191,.3)}.psp-tabs{display:flex;flex-shrink:0;border-bottom:1px solid var(--reader-border,#1e1e30)}.psp-tab{flex:1 1;padding:10px 8px;font-size:12px;font-weight:700;background:none;border:none;border-bottom:2px solid transparent;color:var(--reader-dim,#44445a);cursor:pointer;transition:all .15s;font-family:inherit;margin-bottom:-1px}.psp-tab.active{color:var(--primary-container);border-bottom-color:#006A63}.psp-tab:hover:not(.active){color:#7070a0}@media (max-width:768px){.reader-layout{flex-direction:column}.reader-side-col{width:0!important;overflow:visible;position:fixed;bottom:0;left:0;right:0;z-index:900}.reader-side-col.open{width:auto!important}.ai-side-panel,.para-side-panel{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%!important;height:60vh;border-left:none;border-top:1px solid rgba(0,106,99,.15);border-radius:16px 16px 0 0;transform:translateY(100%);transition:transform .3s cubic-bezier(.22,1,.36,1)}.ai-side-panel.open,.para-side-panel.open{transform:translateY(0)}.chap-action-bar{gap:28px;padding:24px 16px 32px}.cab-circle{width:50px;height:50px;font-size:19px}#readerWrap{border-radius:0;box-shadow:none}}.tts-inline{display:none;align-items:center;gap:0;margin-left:auto;margin-right:10px;background:linear-gradient(135deg,rgba(0,106,99,.12),rgba(45,212,191,.08));border:1px solid rgba(0,106,99,.22);border-radius:12px;overflow:hidden;animation:ttsInlineIn .3s cubic-bezier(.22,1,.36,1);box-shadow:0 2px 12px rgba(0,106,99,.1)}@keyframes ttsInlineIn{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.tts-inline-left{gap:2px;padding:4px 6px}.tts-il-play,.tts-inline-left{display:flex;align-items:center}.tts-il-play{width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,#006A63,#9333ea);color:#fff;font-size:13px;justify-content:center;transition:all .2s;flex-shrink:0;box-shadow:0 2px 8px rgba(0,106,99,.35)}.tts-il-play:hover{transform:scale(1.1);box-shadow:0 3px 12px rgba(0,106,99,.5)}.tts-il-play:active{transform:scale(.95)}.tts-il-stop{width:28px;height:28px;border-radius:8px;border:none;cursor:pointer;background:rgba(239,68,68,.1);color:#ef4444;font-size:11px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.tts-il-stop:hover{background:rgba(239,68,68,.2);transform:scale(1.05)}.tts-il-divider{width:1px;height:24px;flex-shrink:0;background:rgba(0,106,99,.2)}.tts-il-status{font-size:11px;color:var(--primary-container);font-weight:700;letter-spacing:.3px;padding:0 12px;white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis}.tts-il-speed{display:flex;align-items:center;gap:0;background:rgba(0,106,99,.08);border-radius:8px;overflow:hidden;margin:0 4px}.tts-il-speed-btn{width:26px;height:26px;border:none;cursor:pointer;background:transparent;color:var(--primary-container);font-size:9px;display:flex;align-items:center;justify-content:center;transition:all .15s}.tts-il-speed-btn:hover{background:rgba(0,106,99,.15);color:#5EEAD4}.tts-il-speed-val{font-size:11px;font-weight:700;color:#5EEAD4;min-width:28px;text-align:center;letter-spacing:-.3px}.tts-il-close{width:32px;height:100%;cursor:pointer;background:transparent;color:var(--reader-muted,#6b6b8a);font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;border:none;border-left:1px solid rgba(0,106,99,.15);padding:8px 0}.tts-il-close:hover{background:rgba(239,68,68,.08);color:#ef4444}.para-wrap.tts-active{background:rgba(0,106,99,.08);border-left:3px solid #006a63;padding-left:12px;border-radius:4px;transition:background .3s,border-left .3s}.autoscroll-indicator{position:fixed;bottom:70px;left:50%;transform:translateX(-50%);z-index:840;background:rgba(0,106,99,.9);color:#fff;font-size:12px;font-weight:600;padding:6px 16px;border-radius:20px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 16px rgba(0,106,99,.3);opacity:0;pointer-events:none;transition:opacity .3s,bottom .3s}.autoscroll-indicator.active{opacity:1;pointer-events:auto}.autoscroll-speed-btns{display:flex;gap:3px}.autoscroll-speed-btn{background:rgba(255,255,255,.2);border:none;color:#fff;font-size:10px;padding:2px 8px;border-radius:10px;cursor:pointer;transition:background .15s}.autoscroll-speed-btn:hover{background:rgba(255,255,255,.3)}.autoscroll-speed-btn.active{background:rgba(255,255,255,.4)}.autoscroll-stop-btn{background:rgba(255,255,255,.2);border:none;color:#fff;font-size:12px;width:22px;height:22px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.autoscroll-stop-btn:hover{background:rgba(255,100,100,.4)}.ai-side-panel{position:-webkit-sticky;position:sticky;top:64px;z-index:50;width:380px;height:calc(100vh - 64px);background:var(--reader-bg,#fff);border-left:1px solid var(--reader-border,rgba(0,0,0,.08));display:flex;flex-direction:column;overflow:hidden}.ai-side-header{gap:10px;padding:14px 16px;border-bottom:1px solid var(--reader-border2,rgba(255,255,255,.06))}.ai-side-avatar,.ai-side-header{display:flex;align-items:center;flex-shrink:0}.ai-side-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#006A63,var(--primary-container));justify-content:center;font-size:12px;color:#fff}.ai-side-info{flex:1 1;min-width:0}.ai-side-name{font-size:13px;font-weight:700;color:var(--reader-text-color,#fff)}.ai-side-status{font-size:10px;color:var(--reader-dim,rgba(255,255,255,.35));display:flex;align-items:center;gap:4px}.ai-side-status:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--success);flex-shrink:0}.ai-side-close{width:28px;height:28px;border-radius:8px;background:var(--reader-input-bg,rgba(255,255,255,.06));border:1px solid var(--reader-border,rgba(255,255,255,.08));color:var(--reader-muted,#9999b3);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.ai-side-close:hover{border-color:#006A63;color:var(--primary-container)}.ai-quick-chips{overflow:hidden;flex-shrink:0;padding:10px 0 2px;position:relative;mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent)}.ai-quick-chips-track{display:flex;gap:6px;width:max-content;animation:aiChipsScroll 14s linear infinite}.ai-quick-chips-track:hover{animation-play-state:paused}@keyframes aiChipsScroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.ai-quick-chip{flex-shrink:0;padding:5px 12px;border-radius:16px;background:rgba(0,106,99,.1);border:1px solid rgba(0,106,99,.2);color:var(--primary-container);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.ai-quick-chip:hover{background:rgba(0,106,99,.2);border-color:rgba(0,106,99,.4)}.ai-chat-area{flex:1 1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:12px}.ai-msg{max-width:90%;padding:10px 14px;border-radius:14px;font-size:13px;line-height:1.6;animation:aiMsgIn .3s ease-out}@keyframes aiMsgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ai-msg.user{align-self:flex-end;background:#006A63;color:#fff;border-bottom-right-radius:4px}.ai-msg.ai{align-self:flex-start;background:var(--reader-ai-msg-bg,rgba(255,255,255,.06));color:var(--reader-ai-msg-color,rgba(255,255,255,.9));border-bottom-left-radius:4px}.ai-msg.ai .ai-msg-label{font-size:10px;font-weight:700;color:var(--primary-container);margin-bottom:3px}.ai-msg.ai .ai-msg-label,.ai-typing{display:flex;align-items:center;gap:4px}.ai-typing{padding:10px 14px;align-self:flex-start}.ai-typing-dot{width:5px;height:5px;border-radius:50%;background:var(--primary-container);opacity:.4;animation:aiTypingBounce 1.2s ease-in-out infinite}.ai-typing-dot:nth-child(2){animation-delay:.15s}.ai-typing-dot:nth-child(3){animation-delay:.3s}@keyframes aiTypingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}.ai-input-area{padding:10px 14px 14px;border-top:1px solid var(--reader-border2,rgba(255,255,255,.06));display:flex;gap:8px;align-items:center;flex-shrink:0}.ai-input-area input{flex:1 1;border:1px solid var(--reader-input-border,rgba(255,255,255,.1));border-radius:20px;padding:9px 14px;font-size:13px;background:var(--reader-input-bg,rgba(255,255,255,.05));color:var(--reader-text-color,#fff);outline:none;transition:border-color .2s}.ai-input-area input::placeholder{color:var(--reader-dim,rgba(255,255,255,.25))}.ai-input-area input:focus{border-color:rgba(0,106,99,.5)}.ai-input-send{width:36px;height:36px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#006A63,var(--primary-container));border:none;cursor:pointer;color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;transition:transform .15s,opacity .15s}.ai-input-send:hover{transform:scale(1.05)}.ai-input-send:disabled{opacity:.4;cursor:default;transform:none}@media (max-width:768px){.reader-tool-btn{width:32px;height:32px;font-size:13px}.reader-tool-btn[title]:after{display:none}.reader-tools{gap:8px}.tts-inline{margin-left:0;margin-right:4px}.tts-il-status{max-width:70px;font-size:10px;padding:0 6px}.tts-il-speed-btn{width:22px;height:22px}.tts-il-play{width:28px;height:28px;font-size:11px}.tts-il-stop{width:24px;height:24px;font-size:10px}}.quick-nav-bar{display:flex;justify-content:center;gap:16px;padding:28px 24px 20px;width:100%;max-width:1200px;margin:0 auto}.quick-nav-item{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;color:var(--text-sub,#444458);font-size:12px;font-weight:600;flex:1 1;min-width:0;max-width:100px;transition:color .18s,transform .18s}.quick-nav-item:hover{color:var(--primary,#006A63);transform:translateY(-2px)}.quick-nav-icon{width:52px;height:52px;border-radius:14px;background:var(--surface,#fff);border:1px solid var(--border,#e5e5f0);box-shadow:0 2px 8px rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;font-size:19px;color:var(--text-sub,#444458);transition:background .18s,border-color .18s,color .18s,box-shadow .18s}html.dark-mode .quick-nav-icon{box-shadow:0 2px 8px rgba(0,0,0,.2)}.quick-nav-item:hover .quick-nav-icon{background:var(--primary-light,rgba(0,106,99,.1));border-color:var(--primary,#006A63);color:var(--primary,#006A63);box-shadow:0 4px 14px rgba(0,106,99,.2)}@media (max-width:600px){.quick-nav-bar{gap:16px;padding:20px 16px 14px}.quick-nav-icon{width:46px;height:46px;font-size:17px;border-radius:12px}.quick-nav-item{font-size:11px;gap:8px}}.event-banner-slim{width:100%;max-width:1600px;margin:0 auto;padding:0;display:flex;align-items:center;justify-content:center;gap:12px;height:44px;background:linear-gradient(90deg,#006A63,#ec4899);color:#fff;font-size:13px;font-weight:600;position:relative}html.dark-mode .event-banner-slim{background:linear-gradient(90deg,rgba(0,106,99,.75),rgba(236,72,153,.65))}.event-banner-slim-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-banner-urgency{font-size:11px;font-weight:500;opacity:.8;margin-left:6px}.event-banner-slim-cta{flex-shrink:0;padding:4px 12px;background:rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:background .15s;white-space:nowrap}.event-banner-slim-cta:hover{background:rgba(255,255,255,.35)}.event-banner-slim-dismiss{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:rgba(255,255,255,.5);font-size:14px;cursor:pointer;padding:4px 6px;transition:color .15s}.event-banner-slim-dismiss:hover{color:#fff}@media (max-width:600px){.event-banner-slim{padding:0 40px 0 16px;height:40px;font-size:12px}.event-banner-slim-cta{padding:3px 8px;font-size:11px}}.status-filter-bar{display:flex;justify-content:center;gap:0;padding:0;border-bottom:1px solid var(--border,#2a2a3e);margin-bottom:12px;max-width:800px;margin-left:auto;margin-right:auto}.status-filter-btn{display:inline-flex;align-items:center;justify-content:center;flex:1 1;min-width:200px;padding:14px 72px;border:none;border-bottom:2px solid transparent;background:none;color:var(--text-muted,#9999b3);font-size:15px;font-weight:500;cursor:pointer;transition:color .18s,border-color .18s}.status-filter-btn:hover{color:var(--text,#e0e0f0)}.status-filter-btn.active{color:var(--text,#fff);font-weight:700;border-bottom-color:var(--text,#fff)}.surge-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:14px}.surge-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--surface,#1A2422);border:1px solid var(--border,#2a2a3e);border-radius:14px;text-decoration:none;color:inherit;transition:background .18s,transform .15s;overflow:hidden}.surge-card:hover{background:var(--surface2,#1f1f35);transform:translateY(-2px)}.surge-rank{font-size:24px;font-weight:900;color:var(--text-muted,#5a5a7a);min-width:28px;text-align:center;line-height:1}.surge-rank.r1{color:#f59e0b}.surge-rank.r2{color:#9ca3af}.surge-rank.r3{color:#b45309}.surge-thumb{width:52px;height:52px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.surge-thumb img{width:100%;height:100%;object-fit:cover}.surge-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:4px}.surge-title{font-size:14px;font-weight:700;color:var(--text,#e0e0f0)}.surge-author,.surge-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.surge-author{font-size:12px;color:var(--text-muted,#5a5a7a)}.surge-delta{font-size:12px;font-weight:700;color:var(--success);display:inline-flex;align-items:center;gap:3px}.weekly-surge-section{margin-bottom:40px}@media (max-width:900px){.surge-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.surge-grid{grid-template-columns:1fr;gap:8px}.surge-card{padding:12px 14px;gap:12px}.status-filter-bar{padding:0 0 8px}}.adult-thumb-overlay{position:absolute;inset:0;background:rgba(0,0,0,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;z-index:2;border-radius:inherit;pointer-events:none}.adult-thumb-overlay i{color:#ef4444;font-size:20px}.adult-thumb-overlay span{color:#fff;font-size:10px;font-weight:700}.adult-thumb-blur{filter:blur(8px)}.genre-page-wrap{padding:32px 24px 80px;max-width:1280px}.genre-breadcrumb{font-size:13px;color:var(--text-muted);margin-bottom:20px}.genre-breadcrumb a{color:var(--text-muted);text-decoration:none}.genre-breadcrumb a:hover{color:var(--text)}.genre-breadcrumb span{margin:0 6px}.genre-page-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.genre-page-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.genre-page-title{font-size:24px;font-weight:900}.genre-page-count{font-size:14px;color:var(--text-muted);font-weight:500}.genre-sort-bar{display:flex;align-items:center;gap:8px;margin-bottom:24px}.genre-sort-btn{padding:7px 16px;border-radius:20px;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.genre-sort-btn.active,.genre-sort-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.genre-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:20px;gap:20px}.genre-empty{grid-column:1/-1;text-align:center;padding:80px 20px;color:var(--text-muted)}.genre-empty i{font-size:48px;margin-bottom:16px;display:block;opacity:.3}.genre-empty p{font-size:15px}@media (max-width:600px){.genre-page-wrap{padding:16px 12px 40px}}.mp-usercode{display:inline-flex;align-items:center;gap:2px;font-size:12px;color:var(--primary);font-weight:600;background:rgba(0,106,99,.08);padding:3px 10px;border-radius:12px;cursor:pointer;margin-bottom:2px;transition:background .15s}.mp-usercode:hover{background:rgba(0,106,99,.16)}.mp-usercode-hint{display:block;font-size:10px;color:var(--text-muted);font-weight:400;margin-top:2px}.bc-admin-code{font-size:11px;color:var(--text-muted);font-weight:500;font-family:monospace}.bc-usercode-results{position:absolute;top:100%;left:0;right:0;z-index:10;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.15);max-height:200px;overflow-y:auto;margin-top:4px}.bc-uc-empty,.bc-uc-loading{padding:12px 16px;font-size:12px;color:var(--text-muted);text-align:center}.bc-uc-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background .12s;font-size:13px}.bc-uc-item:hover{background:rgba(0,106,99,.06)}.bc-uc-code{font-weight:700;font-family:monospace;color:var(--primary)}.bc-uc-nick{color:var(--text-sub);font-size:12px}.bc-uc-item.disabled{opacity:.5;cursor:default}.bc-uc-item.disabled:hover{background:transparent}.bc-admin-tabs{display:flex;gap:4px;margin-bottom:10px;border-bottom:1px solid var(--border);padding-bottom:0}.bc-admin-tab{padding:8px 16px;background:transparent;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;border:none;border-bottom:2px solid transparent;display:flex;align-items:center;gap:6px;transition:color .15s,border-color .15s}.bc-admin-tab:hover{color:var(--text)}.bc-admin-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.bc-admin-tab i{font-size:12px}.bc-friend-list{max-height:200px;overflow-y:auto;border-radius:10px;border:1px solid var(--border);background:var(--surface)}.clickable-user{cursor:pointer;transition:color .12s}.clickable-user:hover{color:var(--primary)!important;text-decoration:underline}.hdr-msg-btn{position:relative}.msg-dot{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:#ef4444;border:2px solid var(--bg)}.msg-inbox-popup{font-family:inherit;overflow:hidden}.dm-header{gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0;min-height:52px}.dm-header,.dm-header-title{display:flex;align-items:center}.dm-header-title{font-weight:700;font-size:15px;color:var(--text);gap:8px}.dm-header-title i{color:var(--primary)}.dm-back-btn{background:none;border:none;color:var(--text-sub);font-size:16px;cursor:pointer;padding:6px;border-radius:8px;-webkit-tap-highlight-color:transparent}.dm-back-btn:hover{color:var(--text);background:var(--surface2)}.dm-header-user{flex:1 1;min-width:0}.dm-header-nick{font-weight:700;font-size:14px;color:var(--text)}.dm-header-code{font-size:11px;margin-left:6px}.dm-header-actions{display:flex;gap:4px;margin-left:auto}.dm-action-btn{background:none;border:none;color:var(--text-sub);font-size:15px;cursor:pointer;padding:6px;border-radius:8px}.dm-action-btn:hover{color:var(--text);background:var(--surface2)}.dm-conv-list{flex:1 1;overflow-y:auto;overscroll-behavior:contain}.dm-conv-item{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;border-bottom:1px solid var(--border);transition:background .12s;-webkit-tap-highlight-color:transparent}.dm-conv-item:hover{background:rgba(0,106,99,.04)}.dm-conv-item:active{background:rgba(0,106,99,.08)}.dm-conv-item.dm-unread{background:rgba(0,106,99,.05)}.dm-conv-avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--primary),var(--primary-container));color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center}.dm-conv-info{flex:1 1;min-width:0}.dm-conv-top{display:flex;align-items:center;gap:6px;margin-bottom:3px}.dm-conv-nick{font-size:14px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1}.dm-conv-time{font-size:11px;color:var(--text-muted);flex-shrink:0}.dm-conv-preview{font-size:12.5px;color:var(--text-sub);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-conv-me{color:var(--text-muted)}.dm-conv-badge{min-width:20px;height:20px;border-radius:10px;background:var(--primary);color:#fff;font-size:11px;font-weight:700;padding:0 6px;flex-shrink:0}.dm-conv-badge,.dm-empty{display:flex;align-items:center;justify-content:center}.dm-empty{flex-direction:column;padding:48px 20px;color:var(--text-muted);font-size:13px;text-align:center;gap:8px}.dm-start-btn{margin-top:8px;padding:10px 20px;border-radius:24px;background:var(--primary);color:#fff;border:none;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px}.dm-start-btn:hover{opacity:.9}.dm-chat-area{flex:1 1;overflow-y:auto;overscroll-behavior:contain;padding:12px 16px;display:flex;flex-direction:column;gap:4px}.dm-date-sep{text-align:center;padding:16px 0 10px}.dm-date-sep:after,.dm-date-sep:before{content:"";flex:1 1;height:1px;background:var(--border)}.dm-date-sep span{background:var(--surface);padding:4px 14px;border-radius:20px;border:1px solid var(--border);font-weight:500}.dm-bubble-row{display:flex;margin:2px 0;align-items:center;gap:4px}.dm-bubble-row.mine{justify-content:flex-end}.dm-bubble-row.mine .dm-msg-menu-wrap{order:-1}.dm-bubble-row.theirs{justify-content:flex-start}.dm-bubble{max-width:75%;padding:10px 14px;border-radius:18px;font-size:13.5px;line-height:1.55;word-break:break-word;white-space:pre-wrap}.dm-bubble-mine{background:rgba(0,106,99,.15);color:var(--text);border-top-right-radius:6px}.dm-bubble-theirs{background:var(--surface2,var(--surface));color:var(--text);border:1px solid var(--border);border-top-left-radius:6px}.dm-bubble-meta{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:10px;opacity:.6}.dm-bubble-mine .dm-bubble-meta{justify-content:flex-end}.dm-bubble-time{font-size:10px}.dm-read-status{font-size:9px;color:var(--text-muted)}.dm-read-status.read{color:#3b82f6;font-weight:600}.dm-msg-menu-wrap{position:relative;flex-shrink:0}.dm-msg-dots{display:flex;width:22px;height:22px;border-radius:50%;background:transparent;border:none;color:var(--text-muted);font-size:10px;cursor:pointer;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.dm-bubble-row:hover .dm-msg-dots{opacity:.6}.dm-msg-dots:hover{opacity:1!important;background:var(--surface2)}.dm-msg-dropdown{position:absolute;top:100%;left:0;z-index:100;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.12);min-width:100px;overflow:hidden}.dm-msg-dropdown button{display:flex;align-items:center;gap:8px;width:100%;padding:9px 14px;font-size:12px;color:var(--text-sub);background:none;border:none;cursor:pointer;font-family:inherit}.dm-msg-dropdown button:hover{background:var(--primary-light);color:var(--primary)}.dm-msg-dropdown .dm-dropdown-danger:hover{background:rgba(239,68,68,.06);color:#ef4444}.dm-date-sep{display:flex;align-items:center;gap:12px;margin:16px 0 8px}.dm-date-line{flex:1 1;height:1px;background:var(--border)}.dm-date-sep span{font-size:11px;color:var(--text-muted);white-space:nowrap}.dm-header-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dm-header-user{display:flex;align-items:center;gap:10px}.dm-header-code{display:block;font-size:10px;color:var(--text-muted)}.dm-search-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--surface2);font-size:13px;color:var(--text-muted)}.dm-search-input{flex:1 1;border:none;background:none;color:var(--text);font-size:13px;font-family:inherit;outline:none}.dm-search-clear{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px}.dm-status-icon{font-size:10px;color:var(--text-muted);opacity:.5}.dm-status-read{color:#3b82f6!important;opacity:1!important}.dm-status-fail{color:#ef4444!important;opacity:1!important;cursor:pointer}.dm-conv-preview-2line{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.dm-lightbox{position:fixed;inset:0;z-index:9500;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;cursor:pointer}.dm-lightbox img{max-width:90%;max-height:85vh;border-radius:8px;cursor:default;box-shadow:0 8px 32px rgba(0,0,0,.5)}.dm-lightbox-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;border:none;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.dm-lightbox-close:hover{background:rgba(255,255,255,.2)}.dm-hover-actions button:last-child:hover{color:#ef4444;border-color:#ef4444}.dm-input{width:100%;resize:none;border:1px solid var(--border-input);background:var(--surface2,var(--bg));color:var(--text);border-radius:20px;padding:10px 16px;font-size:13px;line-height:1.4;max-height:100px;overflow-y:auto;font-family:inherit;box-sizing:border-box}.dm-input:focus{outline:none;border-color:var(--primary)}.dm-send-btn{width:38px;height:38px;border-radius:50%;border:none;background:var(--surface2);color:var(--text-muted);font-size:15px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.dm-send-btn.active{background:var(--primary);color:#fff}.dm-send-btn:disabled{opacity:.5;cursor:default}.dm-bottom-area{position:relative;flex-shrink:0}.dm-input-bar{gap:8px;padding:8px 12px;border-top:1px solid var(--border);background:var(--surface)}.dm-input-bar,.dm-plus-btn{display:flex;align-items:center}.dm-plus-btn{width:38px;height:38px;border-radius:50%;border:none;background:transparent;color:var(--text-muted);font-size:18px;cursor:pointer;justify-content:center;flex-shrink:0;transition:all .2s}.dm-plus-btn.active,.dm-plus-btn:hover{color:var(--primary);background:rgba(0,106,99,.08)}.dm-plus-menu{position:absolute;bottom:100%;left:0;z-index:100;min-width:140px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.2);overflow:hidden;padding:4px 0;margin-bottom:6px}.dm-plus-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:none;background:transparent;color:var(--text);font-size:13px;cursor:pointer;text-align:left}.dm-plus-item:hover{background:rgba(0,106,99,.06)}.dm-plus-item i{width:16px;text-align:center;color:var(--primary)}.dm-input-wrap{flex:1 1;position:relative;min-width:0}.dm-char-count{position:absolute;right:8px;bottom:2px;font-size:10px}.dm-attach-preview{display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--surface2);border-top:1px solid var(--border)}.dm-attach-thumb{width:52px;height:52px;object-fit:cover;border-radius:8px;flex-shrink:0}.dm-attach-name{flex:1 1;font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-attach-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:16px;padding:4px}.dm-attach-remove:hover{color:#ef4444}.dm-reply-quote{padding:6px 10px;margin-bottom:6px;border-radius:6px;background:rgba(0,106,99,.08);border-left:3px solid var(--primary);cursor:pointer;font-size:12px;max-width:100%}.dm-reply-quote:hover{background:rgba(0,106,99,.14)}.dm-reply-quote-name{font-weight:600;color:var(--primary);margin-bottom:2px;font-size:11px}.dm-reply-quote-text{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.dm-reply-btn{opacity:0;background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;padding:4px 6px;flex-shrink:0;transition:opacity .15s,color .15s;align-self:center}.dm-bubble-row:hover .dm-reply-btn{opacity:1}.dm-reply-btn:hover{color:var(--primary)}.dm-reply-preview{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--surface2);border-top:1px solid var(--border)}.dm-reply-preview-body{flex:1 1;overflow:hidden}.dm-reply-preview-name{font-size:11px;font-weight:600;color:var(--primary);margin-bottom:2px}.dm-reply-preview-name i{margin-right:4px}.dm-reply-preview-text{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-reply-preview-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:16px;padding:4px;flex-shrink:0}.dm-reply-preview-close:hover{color:#ef4444}@keyframes dm-flash{0%,to{background:transparent}50%{background:rgba(0,106,99,.12)}}.dm-highlight{animation:dm-flash .75s ease 2;border-radius:8px}.dm-dropdown-menu{position:absolute;top:100%;right:0;z-index:100;min-width:160px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.18);overflow:hidden;padding:4px 0}.dm-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:none;background:transparent;color:var(--text);font-size:13px;cursor:pointer;text-align:left}.dm-dropdown-item:hover{background:rgba(0,106,99,.06)}.dm-dropdown-item i{width:16px;text-align:center;color:var(--text-muted)}.dm-dropdown-danger,.dm-dropdown-danger i{color:#ef4444!important}.dm-dropdown-danger:hover{background:rgba(239,68,68,.06)!important}.dm-filter-bar{display:flex;align-items:center;gap:8px;padding:6px 14px;background:rgba(0,106,99,.08);font-size:12px;color:var(--primary)}.dm-filter-bar i{font-size:10px}.dm-filter-clear{margin-left:auto;background:none;border:none;color:var(--primary);cursor:pointer;font-size:12px;text-decoration:underline}.dm-filter-active{color:var(--primary)!important;background:rgba(0,106,99,.12)!important}.dm-slash-popup{flex-shrink:0;background:var(--surface);border-top:1px solid var(--border);max-height:220px;overflow-y:auto}.dm-slash-hint{padding:8px 0}.dm-slash-hint-title{padding:4px 14px 6px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.dm-slash-hint-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background .12s}.dm-slash-hint-item:hover{background:rgba(0,106,99,.06)}.dm-slash-hint-icon{width:36px;height:36px;border-radius:8px;background:rgba(0,106,99,.1);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:14px}.dm-slash-hint-cmd{font-size:13px;font-weight:600;color:var(--text)}.dm-slash-hint-desc{font-size:11px;color:var(--text-muted);margin-top:1px}.dm-slash-body{padding:0}.dm-slash-label{padding:8px 14px;font-size:11px;font-weight:700;color:var(--text-muted);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:4px}.dm-slash-label i{color:var(--primary)}.dm-slash-label span{color:var(--text);font-weight:400}.dm-slash-status{padding:20px 14px;font-size:12px;color:var(--text-muted);text-align:center}.dm-slash-status i{margin-right:6px}.dm-slash-list{padding:4px 0}.dm-slash-novel{display:flex;align-items:center;gap:10px;padding:8px 14px;cursor:pointer;transition:background .1s}.dm-slash-novel.active,.dm-slash-novel:hover{background:rgba(0,106,99,.07)}.dm-slash-thumb{width:34px;height:48px;border-radius:4px;object-fit:cover;flex-shrink:0}.dm-slash-thumb-empty{display:flex;align-items:center;justify-content:center;font-size:12px;color:rgba(255,255,255,.5)}.dm-slash-meta{flex:1 1;min-width:0}.dm-slash-title{font-size:13px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-slash-author{font-size:11px;color:var(--text-muted);margin-top:2px}.dm-slash-send{color:var(--text-muted);font-size:12px;flex-shrink:0;opacity:0;transition:opacity .15s}.dm-slash-novel.active .dm-slash-send,.dm-slash-novel:hover .dm-slash-send{opacity:1;color:var(--primary)}.dm-bubble-img{margin:-4px -8px 4px}.dm-bubble-img img{max-width:100%;max-height:200px;border-radius:12px;cursor:pointer;display:block}.dm-time-right{text-align:right}.dm-novel-card{display:flex;gap:10px;padding:10px;border-radius:12px;cursor:pointer;max-width:260px;transition:transform .1s,box-shadow .15s}.dm-novel-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.12)}.dm-novel-mine{background:rgba(0,106,99,.12);border:1px solid rgba(0,106,99,.15);margin-left:auto}.dm-novel-theirs{background:var(--surface2);border:1px solid var(--border)}.dm-novel-cover{width:50px;height:70px;border-radius:6px;object-fit:cover;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.15)}.dm-novel-cover-empty{display:flex;align-items:center;justify-content:center;background:rgba(0,106,99,.15);font-size:18px}.dm-novel-mine .dm-novel-cover-empty{background:rgba(0,106,99,.1);color:var(--primary)}.dm-novel-info{flex:1 1;min-width:0;display:flex;flex-direction:column;justify-content:center}.dm-novel-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;display:flex;align-items:center;gap:4px}.dm-novel-mine .dm-novel-label,.dm-novel-theirs .dm-novel-label{color:var(--primary)}.dm-novel-title{font-size:13px;font-weight:700;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dm-novel-mine .dm-novel-title,.dm-novel-theirs .dm-novel-title{color:var(--text)}.dm-novel-author{font-size:11px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-novel-mine .dm-novel-author,.dm-novel-theirs .dm-novel-author{color:var(--text-muted)}.dm-novel-action{font-size:10px;margin-top:4px;display:flex;align-items:center;gap:3px}.dm-novel-mine .dm-novel-action,.dm-novel-theirs .dm-novel-action{color:var(--primary)}.msg-compose-overlay{position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px}.msg-compose-box{background:var(--surface);border-radius:16px;width:100%;max-width:440px;box-shadow:0 20px 60px rgba(0,0,0,.3);border:1px solid var(--border);overflow:hidden}.msg-compose-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);font-size:14px;font-weight:700;color:var(--text)}.msg-compose-body{padding:18px}.msg-compose-body label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:6px}.msg-compose-body input{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--border-input);background:var(--surface2);color:var(--text);font-size:14px;font-family:monospace}.msg-compose-body input:focus{outline:none;border-color:var(--primary)}.msg-compose-body textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border-input);background:var(--surface2);color:var(--text);font-size:14px;resize:vertical;min-height:100px;line-height:1.6}.msg-compose-body textarea:focus{outline:none;border-color:var(--primary)}.msg-receiver-result{margin-top:4px}.msg-rc-empty{color:var(--text-muted)}.msg-rc-empty,.msg-rc-match{font-size:12px;padding:6px 0}.msg-rc-match{color:var(--success)}.msg-rc-match i{margin-right:4px}.msg-rc-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface2);border-radius:8px;cursor:pointer;margin-top:4px;transition:background .12s;font-size:13px}.msg-rc-item:hover{background:rgba(0,106,99,.08)}.msg-rc-code{font-weight:700;font-family:monospace;color:var(--primary)}.msg-rc-nick{color:var(--text-sub)}.msg-compose-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--border)}.up-overlay{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:upFadeIn .2s ease}@keyframes upFadeIn{0%{opacity:0}to{opacity:1}}.up-card{background:var(--surface);border-radius:16px;width:340px;max-width:90vw;box-shadow:0 20px 60px rgba(0,0,0,.3);position:relative;overflow:hidden;animation:upSlideUp .25s ease}@keyframes upSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.up-close{position:absolute;top:10px;right:12px;background:none;border:none;font-size:22px;color:var(--text-muted);cursor:pointer;z-index:2;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.up-close:hover{background:rgba(0,106,99,.1);color:var(--text)}.up-header{display:flex;align-items:center;gap:16px;padding:24px 24px 16px}.up-avatar{flex-shrink:0}.up-avatar-img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--primary)}.up-avatar-letter{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-container));display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff}.up-info{flex:1 1;min-width:0}.up-nick{font-size:18px;font-weight:700;color:var(--text)}.up-code{font-size:13px;color:var(--text-muted);margin-top:2px;font-family:monospace}.up-actions{display:flex;flex-direction:column;gap:6px;padding:8px 20px 20px}.up-loading{text-align:center;padding:16px;color:var(--text-muted);font-size:13px}.up-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--surface2);color:var(--text);transition:all .15s}.up-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.up-btn-msg{background:var(--primary);color:#fff;border-color:var(--primary)}.up-btn-msg:hover{background:#005A54}.up-btn-add{background:var(--success);color:#fff;border-color:var(--success)}.up-btn-add:hover{background:#16a34a}.up-btn-friend-done{color:var(--success);border-color:var(--success)}.up-btn-friend-done,.up-btn-pending{background:var(--surface2);cursor:default}.up-btn-pending{color:var(--text-muted)}.up-btn-accept{background:var(--success);color:#fff;border-color:var(--success)}.up-btn-sub{background:var(--surface2);color:var(--text-sub)}.up-btn-danger{background:none;color:#ef4444;border-color:#fca5a5}.up-btn-danger:hover{background:#fef2f2}.up-btn-block{background:none;color:var(--text-muted);border-color:transparent;font-size:12px}.up-btn-block:hover{color:#ef4444}.fl-card{background:var(--surface);border-radius:16px;width:420px;max-width:92vw;max-height:80vh;box-shadow:0 20px 60px rgba(0,0,0,.3);position:relative;overflow:hidden;display:flex;flex-direction:column;animation:upSlideUp .25s ease}.fl-header{justify-content:space-between;padding:20px 48px 12px 24px}.fl-header,.fl-title{display:flex;align-items:center}.fl-title{font-size:17px;font-weight:700;color:var(--text);margin:0;gap:8px}.fl-add-btn{display:flex;align-items:center;gap:5px;padding:6px 14px;border-radius:8px;background:var(--primary);color:#fff;border:none;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.fl-add-btn:hover{background:#005A54}.fl-tabs{display:flex;gap:4px;padding:0 20px 12px;border-bottom:1px solid var(--border)}.fl-tab{padding:6px 14px;border-radius:8px;background:none;border:none;font-size:13px;color:var(--text-muted);cursor:pointer;font-weight:500;transition:all .12s}.fl-tab:hover{background:rgba(0,106,99,.06)}.fl-tab.active{background:var(--primary);color:#fff}.fl-tab-count{background:rgba(0,106,99,.15);color:var(--primary);font-size:11px;padding:1px 6px;border-radius:10px;margin-left:4px;font-weight:700}.fl-tab.active .fl-tab-count{background:rgba(255,255,255,.25);color:#fff}.fl-body{flex:1 1;overflow-y:auto;padding:8px 0;min-height:120px}.fl-empty{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:14px}.fl-empty i{font-size:32px;display:block;margin-bottom:12px;opacity:.3}.fl-item{display:flex;align-items:center;gap:12px;padding:10px 20px;cursor:pointer;transition:background .12s}.fl-item:hover{background:rgba(0,106,99,.04)}.fl-avatar{flex-shrink:0}.fl-avatar-img{object-fit:cover}.fl-avatar-img,.fl-avatar-letter{width:40px;height:40px;border-radius:50%}.fl-avatar-letter{background:linear-gradient(135deg,var(--primary),var(--primary-container));display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff}.fl-user-info{flex:1 1;min-width:0}.fl-nick{font-size:14px;font-weight:600;color:var(--text)}.fl-code{font-size:11px;color:var(--text-muted);margin-left:6px;font-family:monospace}.fl-actions{display:flex;gap:4px}.fl-act-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--surface2);color:var(--text-muted);cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;transition:all .12s}.fl-act-btn:hover{background:rgba(0,106,99,.08);color:var(--primary)}.fl-act-accept{color:var(--success);border-color:#86efac}.fl-act-accept:hover{background:#f0fdf4;color:#16a34a}.fl-act-danger{color:#ef4444;border-color:#fca5a5}.fl-act-danger:hover{background:#fef2f2;color:#dc2626}.friend-dot{display:none;position:absolute;top:2px;right:2px;width:8px;height:8px;border-radius:50%;background:#ef4444;border:1px solid var(--surface)}[data-theme=dark] .up-btn-danger:hover{background:rgba(239,68,68,.1)}[data-theme=dark] .fl-act-accept:hover{background:rgba(16,185,129,.1)}[data-theme=dark] .fl-act-danger:hover{background:rgba(239,68,68,.1)}@media (max-width:600px){.up-card{width:92vw}.fl-card{width:96vw;max-height:85vh}.fl-tabs{overflow-x:auto;flex-wrap:nowrap}}.crop-modal-overlay{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.crop-modal{background:var(--surface);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-width:360px;width:90vw;overflow:hidden}.crop-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;font-weight:700;font-size:15px;border-bottom:1px solid var(--border)}.crop-close-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:16px;padding:4px 8px}.crop-container{position:relative;margin:0 auto;overflow:hidden;touch-action:none;background:#111}.crop-zoom-row{display:flex;align-items:center;gap:10px;padding:10px 24px;color:var(--text-muted)}.crop-zoom-slider{flex:1 1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border);border-radius:2px;outline:none;cursor:pointer}.crop-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--primary);border-radius:50%;cursor:pointer}.crop-zoom-slider::-moz-range-thumb{width:16px;height:16px;background:var(--primary);border-radius:50%;cursor:pointer;border:none}.crop-modal-footer{display:flex;gap:8px;padding:12px 18px;border-top:1px solid var(--border);justify-content:flex-end}.crop-cancel-btn{padding:8px 20px;border-radius:8px;border:1px solid var(--border);background:var(--surface2);color:var(--text)}.crop-cancel-btn,.crop-confirm-btn{cursor:pointer;font-size:13px;font-weight:600}.crop-confirm-btn{padding:8px 24px;border-radius:8px;border:none;background:var(--primary);color:#fff}.crop-cancel-btn:hover{background:var(--border)}.crop-confirm-btn:hover{opacity:.9}.completed-badge{background:var(--success);color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;text-transform:uppercase}.weekly-theme-wrap{margin-top:20px}.weekly-theme-banner{border-radius:16px;overflow:hidden;min-height:200px;display:flex;align-items:flex-end;position:relative}.weekly-theme-banner-overlay{width:100%;padding:32px;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff}.weekly-theme-banner-overlay h3{font-size:26px;font-weight:800;margin:0 0 8px}.weekly-theme-banner-overlay p{font-size:14px;margin:0 0 12px;opacity:.9}.weekly-theme-tags{display:flex;gap:6px;flex-wrap:wrap}.weekly-theme-tag{background:rgba(255,255,255,.2);color:#fff;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.weekly-theme-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-top:20px}.weekly-theme-card{display:flex;gap:12px;align-items:center;padding:12px;border-radius:10px;background:var(--surface);border:1px solid var(--border);text-decoration:none;color:inherit;transition:all .15s;min-width:0;overflow:hidden}.weekly-theme-card:hover{border-color:var(--primary);box-shadow:0 2px 8px rgba(0,0,0,.08)}.weekly-theme-card-thumb{width:48px;height:64px;border-radius:6px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);font-size:16px}.weekly-theme-card-thumb img{width:100%;height:100%;object-fit:cover}.weekly-theme-card-title{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weekly-theme-card-author{font-size:12px;color:var(--text-muted);margin-top:2px}@media (max-width:768px){.weekly-theme-grid{grid-template-columns:repeat(2,1fr);gap:10px}.weekly-theme-banner{min-height:160px}.weekly-theme-banner-overlay h3{font-size:20px}}@media (max-width:480px){.weekly-theme-grid{grid-template-columns:1fr}}.rec-review-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px;margin-top:20px}.rec-review-card{display:flex;gap:14px;padding:16px;border-radius:12px;background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:all .15s}.rec-review-card:hover{border-color:var(--primary);box-shadow:0 4px 12px rgba(0,0,0,.08)}.rec-review-card-cover{width:90px;min-height:120px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--surface2);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:20px}.rec-review-card-cover img{width:100%;height:100%;object-fit:cover}.rec-review-card-body{flex:1 1;min-width:0;display:flex;flex-direction:column}.rec-review-card-novel-info{margin-bottom:8px}.rec-review-card-novel-title{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-review-card-novel-author{font-size:11px;color:var(--text-muted);margin-top:1px}.rec-review-card-title{font-size:15px;font-weight:700;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-review-card-content{font-size:13px;color:var(--text-sub);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1 1}.rec-review-card-footer{display:flex;gap:12px;font-size:12px;color:var(--text-muted);margin-top:8px}.rec-review-card-stat i{margin-right:3px}@media (max-width:768px){.rec-review-grid{grid-template-columns:1fr}}.rec-review-popover-backdrop{position:fixed;inset:0;z-index:1200;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;animation:fadeIn .15s}.rec-review-popover{width:90%;max-width:520px;background:var(--bg);border-radius:16px;padding:28px;position:relative;max-height:80vh;overflow-y:auto;animation:slideUp .2s}.rec-review-popover-clickable{cursor:pointer;border-radius:8px;transition:background .15s}.rec-review-popover-clickable:hover{background:var(--surface)}.rec-review-popover-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:18px;color:var(--text-muted);cursor:pointer}.rec-review-popover-novel{display:flex;gap:12px;align-items:center;padding:12px;border-radius:10px;background:var(--surface);cursor:pointer;margin-bottom:20px;transition:background .15s}.rec-review-popover-novel:hover,.rec-review-popover-thumb{background:var(--surface2)}.rec-review-popover-thumb{width:48px;height:64px;border-radius:6px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:16px}.rec-review-popover-thumb img{width:100%;height:100%;object-fit:cover}.rec-review-popover-title{font-size:20px;font-weight:800;margin:0 0 16px}.rec-review-popover-content{font-size:15px;line-height:1.8;color:var(--text);white-space:pre-wrap}.rec-review-popover-meta{display:flex;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border);font-size:13px;color:var(--text-muted)}.rec-review-popover-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:16px;font-size:14px;color:var(--text-muted)}.rec-review-popover-like-btn,.rec-review-popover-views{display:flex;align-items:center;gap:5px}.rec-review-popover-like-btn{background:none;border:1px solid var(--border);border-radius:20px;padding:6px 14px;font-size:14px;color:var(--text-muted);cursor:pointer;transition:all .15s}.rec-review-popover-like-btn:hover{border-color:var(--primary);color:var(--primary)}.rec-review-popover-like-btn.liked{color:#e74c3c;border-color:#e74c3c}.rec-review-popover-like-btn.liked i{color:#e74c3c}.comm-best-wrapper{display:flex;gap:24px;align-items:flex-start;margin-bottom:40px}.comm-best-wrapper>.section-block{flex:1 1 50%;min-width:0;margin-bottom:0}.comm-best-body{margin-top:20px}.comm-best-left{min-width:0}.comm-best-viewall{margin-left:auto;display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--text-muted);text-decoration:none;transition:color .15s}.comm-best-viewall:hover{color:var(--primary)}.comm-best-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid var(--border);text-decoration:none;color:inherit;transition:background .15s}.comm-best-item:hover{background:var(--surface)}.comm-best-rank{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex-shrink:0;background:var(--surface2);color:var(--text-muted)}.comm-best-rank.top{background:var(--primary);color:#fff}.comm-best-info{flex:1 1;min-width:0}.comm-best-title{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comm-best-meta{display:flex;gap:12px;margin-top:4px;font-size:12px;color:var(--text-muted)}.comm-best-meta i{margin-right:2px}.comm-side-banner{flex:1 1 50%;aspect-ratio:8/11;flex-shrink:0}.comm-side-banner-inner{width:100%;height:100%;border-radius:12px;overflow:hidden;position:relative;background:var(--surface2)}.comm-side-banner-inner img{width:100%;height:100%;object-fit:cover;display:block}.comm-side-banner-inner:empty:after{content:"배너 영역";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px;border:2px dashed var(--border);border-radius:12px}@media (max-width:768px){.comm-best-wrapper{flex-direction:column}.comm-side-banner{flex:0 0 auto;width:100%;aspect-ratio:16/5}.comm-side-banner-inner{aspect-ratio:16/5}}.nm-review-dropdown-wrap{position:relative;display:inline-block}.nm-review-dropdown{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--bg);border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.12);padding:4px;min-width:140px;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;transform:translateX(-50%) translateY(4px);z-index:10}.nm-review-dropdown:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:10px}.nm-review-dropdown-wrap:hover .nm-review-dropdown{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.nm-review-dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;color:var(--text);cursor:pointer;border:none;background:none;width:100%;transition:background .12s}.nm-review-dropdown-item:hover{background:var(--surface2)}.nm-review-dropdown-item i{font-size:12px;color:var(--text-muted)}.rec-review-modal-backdrop{position:fixed;inset:0;z-index:1300;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.rec-review-modal{width:90%;max-width:480px;background:var(--bg);border-radius:16px;padding:28px}.rec-review-modal h3{font-size:18px;font-weight:800;margin:0 0 16px}.rec-review-modal .form-input{margin-bottom:12px}.rec-review-modal textarea{width:100%;min-height:150px;border-radius:8px;border:1px solid var(--border);padding:12px;font-size:14px;line-height:1.6;resize:vertical;font-family:inherit;background:var(--surface);color:var(--text)}.rec-review-modal-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.rec-review-modal-footer .char-count{font-size:12px;color:var(--text-muted)}.rec-review-modal-footer button{padding:8px 20px;border-radius:8px;border:none;background:var(--primary);color:#fff;font-size:14px;font-weight:600;cursor:pointer}.nm-review-item{padding:12px 0;border-bottom:1px solid var(--border)}.nm-review-item:last-child{border-bottom:none}.myp-container{width:100%;max-width:1100px;margin:0 auto;padding:24px 16px 48px}.myp-profile-card{background:var(--surface);border-radius:16px;overflow:visible;margin-bottom:20px}.myp-layout{display:flex;gap:20px;align-items:flex-start}.myp-sidebar{width:220px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:80px;background:var(--surface);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:2px}.myp-sidebar-item{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:10px;background:transparent;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit;text-align:left;width:100%;border:none;border-left:3px solid transparent}@media (hover:hover){.myp-sidebar-item:hover{background:var(--surface2);color:var(--text)}}.myp-sidebar-item.active{background:rgba(0,106,99,.08);color:var(--primary);font-weight:600;border-left-color:var(--primary)}.myp-content{flex:1 1;min-width:0}@media (max-width:767px){.myp-container{padding:12px 8px 32px}.myp-profile-card>div:last-child{flex-direction:column;align-items:flex-start!important;gap:12px!important;padding:0 16px 16px!important}.myp-profile-card>div:last-child>div:last-child{width:100%;justify-content:space-around}.myp-layout{flex-direction:column;gap:12px}.myp-sidebar{width:100%;position:-webkit-sticky;position:sticky;top:56px;z-index:50;flex-direction:row;overflow-x:auto;gap:4px;padding:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.myp-sidebar::-webkit-scrollbar{display:none}.myp-sidebar-item{flex-direction:column;gap:2px;padding:8px 12px;font-size:10px;white-space:nowrap;border-left:none;border-bottom:2px solid transparent;min-width:-moz-fit-content;min-width:fit-content}.myp-sidebar-item.active{border-left-color:transparent;border-bottom-color:var(--primary)}.myp-sidebar-label{font-size:10px}.myp-content>div{border-radius:12px!important;padding:16px!important}}html.reduce-motion *,html.reduce-motion :after,html.reduce-motion :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html.high-contrast{--text:#000!important;--text-secondary:#222!important;--text-muted:#444!important;--border:#666!important;--surface:#fff!important;--surface2:#f0f0f0!important}[data-theme=dark].high-contrast,html.dark-mode.high-contrast{--text:#fff!important;--text-secondary:#ddd!important;--text-muted:#bbb!important;--border:#888!important;--surface:#111!important;--surface2:#222!important}html.large-text{font-size:18px!important}html.large-text .novel-card-body .novel-title{font-size:15px!important}html.large-text .novel-card-body .novel-author{font-size:13px!important}html.hide-covers .mp-novel-thumb,html.hide-covers .novel-thumbnail img{display:none!important}html.hide-covers .mp-novel-thumb-color,html.hide-covers .novel-thumbnail-inner{display:flex!important}@media (max-width:480px){.hero-carousel{height:300px!important}.hero-carousel .hero-content h2{font-size:18px!important;line-height:1.3!important}.hero-carousel .hero-content p{font-size:12px!important;-webkit-line-clamp:2!important}.hero-carousel .hero-btns{gap:6px!important}.hero-carousel .hero-btns a,.hero-carousel .hero-btns button{padding:8px 14px!important;font-size:12px!important}.hero-carousel .hero-badge{font-size:10px!important;padding:3px 8px!important}.hero-carousel .hero-thumb-wrap{width:100px!important;height:140px!important}.hbanner-track{height:80px!important;border-radius:8px!important}.horizontal-banner-section{margin-bottom:24px!important;border-radius:8px!important}.hbanner-slide img{object-fit:cover!important}}@media (min-width:481px) and (max-width:768px){.hbanner-track{height:100px!important}}@media (max-width:480px){.recommend-scroll{gap:10px!important}.recommend-card{min-width:130px!important;max-width:140px!important}.recommend-card .novel-thumbnail{height:170px!important}.section-header-unified h2{font-size:17px!important}.section-subtitle{font-size:12px!important}.section-view-all{font-size:11px!important;padding:4px 10px!important}.section-block{margin-bottom:28px!important}.novel-card{min-width:0!important}.novel-card .novel-thumbnail{height:160px!important}.novel-card-body .novel-title{font-size:12px!important}.novel-card-body .novel-author{font-size:10px!important}.carousel-wrap{gap:8px!important}}@media (max-width:375px){.weekly-theme-grid{grid-template-columns:1fr!important;gap:8px!important}.weekly-theme-card{padding:10px!important}.weekly-theme-card-thumb{width:40px!important;height:54px!important}.weekly-theme-banner{min-height:140px!important}.weekly-theme-banner-overlay h3{font-size:16px!important}.weekly-theme-banner-overlay p{font-size:11px!important}}@media (max-width:480px){.review-card{min-width:240px!important}.comm-side-banner{display:none!important}.comm-best-wrapper>.section-block{flex:1 1 100%!important}}@media (min-width:768px) and (max-width:1024px){.recommend-scroll{gap:14px!important}.novel-card .novel-thumbnail{height:200px!important}.weekly-theme-grid{grid-template-columns:repeat(3,1fr)!important}.hbanner-track{height:110px!important}}@media (max-width:767px){.bottom-nav{padding-bottom:env(safe-area-inset-bottom,0)!important}}@media (max-width:480px){.inquiry-fab{bottom:72px!important;right:16px!important;width:48px!important;height:48px!important}.inquiry-panel{width:calc(100vw - 32px)!important;right:16px!important;bottom:130px!important;max-height:70vh!important}.auth-card{margin:16px!important;padding:20px!important}.auth-card .btn-primary{padding:12px!important;font-size:15px!important}.sns-btn{padding:12px!important;font-size:14px!important}.site-footer{padding:20px 16px!important}.site-footer .footer-links{flex-direction:column!important;gap:8px!important}}@media (max-width:767px){.explore-dropdown{left:0!important;right:0!important;width:100%!important;top:52px!important;border-radius:0 0 16px 16px!important;flex-direction:column!important;max-height:70svh;overflow-y:auto}.explore-dd-tabs{width:100%!important;min-width:100%!important;flex-direction:row!important;overflow-x:auto;padding:6px 8px!important;gap:4px;-webkit-overflow-scrolling:touch}.explore-dd-tab{height:38px!important;padding:0 14px!important;font-size:13px!important;white-space:nowrap;flex-shrink:0;border-radius:8px}.explore-dd-content{padding:14px 16px!important;min-height:140px!important}.explore-dd-genres{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:480px){.explore-dd-genres{grid-template-columns:repeat(2,1fr)!important}.explore-dd-content{padding:12px!important}.explore-dd-genre-btn{padding:8px 10px!important;font-size:12px!important}.hero-carousel{height:260px!important;margin:8px auto 12px!important}.hero-card{width:calc(100% - 24px)!important;left:12px!important;border-radius:12px!important}.hero-card.prev-1{transform:translateX(calc(-100% + 10px)) scale(.92)!important;opacity:.3!important}.hero-card.next-1{transform:translateX(calc(100% - 10px)) scale(.92)!important;opacity:.3!important}.hero-slide-bg{filter:blur(8px)!important;transform:scale(1.15)!important}.hero-split{flex-direction:column!important;padding:0 16px 18px!important;justify-content:flex-end!important;gap:6px!important}.hero-info{flex:none!important;max-width:100%!important;gap:4px!important}.hero-cover{display:none!important}.hero-slide-overlay{background:linear-gradient(0deg,rgba(10,10,20,.93) 0,rgba(10,10,20,.7) 50%,rgba(10,10,20,.35))!important}.hero-title{font-size:18px!important;line-height:1.25!important;margin-bottom:0!important}.hero-desc{font-size:11px!important;-webkit-line-clamp:1!important}.hero-stats{font-size:10px!important;gap:8px!important}.hero-actions{gap:6px!important;margin-top:4px!important}.btn-hero-primary{padding:8px 16px!important;font-size:12px!important}.btn-hero-secondary{padding:6px 12px!important;font-size:11px!important}.hero-label{margin-bottom:4px!important;gap:6px!important}.hero-rank-badge{font-size:10px!important;padding:2px 8px!important}.hero-indicators{bottom:8px!important;gap:5px!important}.hero-dot{width:10px!important;height:10px!important}.hero-dot.active{width:24px!important}}@media (max-width:375px){.hero-carousel{height:220px!important;margin:6px auto 10px!important}.hero-split{padding:0 12px 16px!important}.hero-title{font-size:16px!important}.hero-desc,.hero-stats{display:none!important}.hero-actions{margin-top:6px!important}}@media (max-width:480px){.novel-modal-body{padding:14px 14px 20px!important}.novel-modal-hero{height:200px!important}.novel-modal-title{font-size:18px!important}.novel-modal-hero-info{bottom:12px!important;left:14px!important;right:14px!important}.novel-modal-actions{gap:6px!important}.novel-modal-btn-continue,.novel-modal-btn-like,.novel-modal-btn-primary,.novel-modal-btn-secondary{padding:8px 12px!important;font-size:12px!important;gap:5px!important}.nm-actions-row{gap:6px!important;flex-wrap:wrap}.nm-reaction-btn{width:30px!important;height:30px!important;font-size:12px!important}.nm-review-btn{padding:6px 10px!important;font-size:12px!important}.novel-modal-synopsis{font-size:13px!important;line-height:1.7!important}.novel-modal-tags{gap:4px!important;margin-bottom:14px!important}.novel-modal-tag{padding:3px 8px!important;font-size:11px!important}.nm-similar-card{flex:0 0 90px!important;width:90px!important}.nm-sim-thumb{width:90px!important;height:126px!important}.novel-modal-chapter-title{font-size:13px!important}.hdr-dropdown{position:fixed!important;top:52px!important;left:8px!important;right:8px!important;max-height:80svh;overflow-y:auto;border-radius:16px!important}.hdr-dropdown,.hdr-dropdown.expanded{width:auto!important}.comm-mobile-tabs,.comm-top-tabs{overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}}@media (max-width:480px){.comm-mobile-tabs::-webkit-scrollbar,.comm-top-tabs::-webkit-scrollbar{display:none}.comm-top-tab{padding:10px 12px!important;gap:4px!important;flex-shrink:0}.comm-top-tab,.comm-top-tab i{font-size:11px!important}.post-card-thumb{width:48px!important;margin-left:10px!important}.post-card-thumb,.post-card-thumb img{border-radius:8px!important}.post-card{padding:14px 12px!important}.post-card-title{font-size:13px!important}.post-card-footer,.post-card-preview{font-size:11px!important}.post-card-footer{gap:8px!important}.post-actions{gap:6px!important;flex-wrap:wrap}.post-action-btn{padding:4px 8px!important}.post-action-btn,.post-action-btn i{font-size:11px!important}.post-vote-inline .vote-btn{width:24px!important;height:22px!important;font-size:11px!important}.post-vote-inline .vote-score{font-size:11px!important;min-width:18px!important}.post-board-icon,.post-board-icon-fallback{width:18px!important;height:18px!important;font-size:8px!important}.post-join-btn{font-size:10px!important;padding:1px 6px!important}.recommend-card{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 16px) / 2.5);min-width:115px!important;max-width:145px!important}.recommend-card-body{padding:6px 4px!important}.recommend-card-title{font-size:12px!important}.recommend-card-author{font-size:10px!important}}@media (max-width:600px){.notice-header{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.notice-search{flex-shrink:1!important}.notice-search,.notice-search input{width:100%!important}.notice-title-h{font-size:20px!important}}@media (max-width:480px){.notice-wrap{padding:12px 10px 32px!important}.notice-card{padding:14px 12px!important;border-radius:12px!important}.notice-icon{width:32px!important;height:32px!important;font-size:13px!important}.notice-card-title{font-size:14px!important}.notice-card-preview{font-size:12px!important}.sr-header{padding:20px 16px!important}.sr-header h1{font-size:20px!important}.sr-header p{font-size:12px!important}.sr-genre-chips,.sr-input-wrap{padding:0 12px!important}.sr-genre-chips{gap:6px!important}.sr-genre-chip{padding:5px 12px!important;font-size:12px!important}.sr-grid{gap:10px!important;padding:0 12px!important}.about-vision-card{padding:24px 16px!important;border-radius:14px!important}.about-vision-card h2{font-size:18px!important;line-height:1.4!important}.about-info-card{padding:16px 14px!important}.about-info-card td,.about-info-card th{padding:8px 6px!important;font-size:13px!important}.about-value-card{padding:20px 14px!important}.about-value-card h3{font-size:15px!important}.about-value-card p{font-size:12px!important}.about-contact-card{padding:20px 14px!important}.about-contact-card h3{font-size:18px!important}.support-wrap{padding:16px 10px 40px!important}.support-header h1{font-size:20px!important}.support-header p,.support-info-bar{font-size:12px!important}.support-info-bar{flex-direction:column!important;gap:6px!important;align-items:flex-start!important}.support-tabs{gap:0!important}.support-tab{padding:8px 10px!important}.faq-q,.support-tab{font-size:12px!important}.faq-q{padding:10px 12px!important}.faq-a-inner{padding:0 12px 12px 32px!important;font-size:12px!important}.sf-category-title{font-size:14px!important}.genre-page-wrap{padding:12px 10px 32px!important}.genre-page-title{font-size:20px!important}.genre-sort-btn{padding:5px 12px!important;font-size:12px!important}}@media (max-width:375px){.auth-card{margin:10px 8px!important;padding:16px!important}.auth-title{font-size:20px!important}.auth-subtitle{font-size:12px!important}}@media (max-width:480px){.main-wrap{padding:12px 12px 32px!important}.comm-explore-grid{gap:8px!important}.explore-row{padding:8px 10px!important}.explore-row-name{font-size:12px!important}.explore-row-stat{font-size:10px!important}.mycomm-card{padding:8px 10px!important}}@media (min-width:768px) and (max-width:1024px){.hero-carousel{height:380px!important}.notice-header{gap:16px!important}.notice-search input{width:200px!important}.comm-top-tab{padding:12px 18px!important}.post-card{padding:16px 18px!important}.genre-page-wrap{padding:20px 24px 48px!important}}@media (max-width:375px){.header-inner{padding:8px 10px 6px!important}.logo-text{font-size:17px!important}.section-header-unified h2{font-size:15px!important}.section-subtitle{font-size:11px!important}.section-view-all{font-size:10px!important;padding:3px 8px!important}.row-scroll .novel-card{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 16px) / 2.5)}.top10-item{flex-grow:0;flex-shrink:0;flex-basis:calc((100% - 12px) / 2.5)}.top10-rank-badge{font-size:28px!important}.quick-nav{gap:10px!important;padding:16px 6px 12px!important}.quick-nav-icon{width:42px!important;height:42px!important;font-size:18px!important}.quick-nav-item{font-size:9px!important}.comm-top-tab{padding:8px 10px!important;font-size:10px!important}}@media (max-width:767px){.ranking-cols{grid-template-columns:1fr!important;gap:12px!important}.ranking-col{padding:14px!important}.ranking-col .ranking-item:nth-child(n+6){display:none}.ranking-section{margin-bottom:24px!important}}@media (max-width:480px){.ranking-cols{gap:10px!important}.ranking-col{padding:12px!important}.ranking-col-title{font-size:13px!important;margin-bottom:10px!important}.ranking-item{padding:6px 4px!important;gap:8px!important}.rank-num{font-size:14px!important;width:18px!important}.ranking-thumb{width:34px!important;height:45px!important}.ranking-title{font-size:12px!important}.ranking-sub{font-size:10px!important}.genre-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:12px!important}}@media (max-width:375px){.genre-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.genre-sort-bar{gap:4px!important;flex-wrap:wrap}.genre-sort-btn{padding:4px 10px!important;font-size:11px!important}}@media (max-width:600px){.dm-header{padding:10px 12px!important;min-height:48px!important}.dm-header-title{font-size:14px!important}.dm-conv-item{padding:12px!important;gap:10px!important}.dm-conv-avatar{width:40px!important;height:40px!important;font-size:14px!important}.dm-conv-nick{font-size:13px!important}.dm-conv-preview{font-size:12px!important}.dm-chat-area{padding:10px 12px!important}.dm-bubble{max-width:85%!important;font-size:13px!important}.dm-input{font-size:14px!important;padding:10px 14px!important}.dm-send-btn{width:36px!important;height:36px!important}.dm-msg-dropdown{min-width:80px!important}}@media (max-width:375px){.dm-conv-item{padding:10px 8px!important}.dm-conv-avatar{width:36px!important;height:36px!important;font-size:13px!important}}@media (max-width:768px){.bdh-sort-tab,.comm-top-tab,.genre-tab,.support-tab{min-height:44px!important;display:inline-flex!important;align-items:center!important}.dm-action-btn,.dm-back-btn{min-width:44px!important;min-height:44px!important}.comm-sort-btn,.comm-view-btn{min-height:36px!important}.scroll-top-btn{width:44px!important;height:44px!important}}@media (max-width:600px){.support-tabs{overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap!important}.support-tabs::-webkit-scrollbar{display:none}.support-tab{flex-shrink:0!important;white-space:nowrap!important}.genre-filter-bar{gap:6px!important;padding:12px 0 4px!important}.genre-tab{padding:6px 14px!important;font-size:12px!important}.bdh-sort-tabs{overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap!important}.bdh-sort-tabs::-webkit-scrollbar{display:none}.bdh-sort-tab{flex-shrink:0!important;white-space:nowrap!important}}@media (max-width:480px){.modal-overlay{padding:0!important;align-items:flex-end!important}.modal{border-radius:16px 16px 0 0!important;max-height:92vh!important;width:100%!important;max-width:100%!important;margin:0!important}.board-modal-overlay,.charge-modal-overlay,.crop-modal-overlay{padding:0!important;align-items:flex-end!important}.modal-body,.modal-header{padding:16px!important}.comm-board-chips{overflow-x:auto!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px!important}}@media (max-width:480px){.comm-board-chips::-webkit-scrollbar{display:none}.board-chip{flex-shrink:0!important;font-size:11px!important;padding:5px 12px!important}.comm-explore-grid{grid-template-columns:1fr!important}.bdh-banner{height:70px!important}.bdh-profile-row{padding:0 10px!important;margin-top:-20px!important}.bdh-avatar{width:48px!important;height:48px!important;font-size:18px!important}.bdh-name{font-size:15px!important}.bdh-actions{gap:4px!important}.bdh-join-btn,.bdh-write-btn{padding:5px 10px!important;font-size:11px!important}}@media (max-width:375px){.myp-container{padding:8px 4px 24px!important}.myp-sidebar-item{padding:6px 8px!important;font-size:9px!important}.myp-content>div{padding:12px!important}.mp-profile-card{border-radius:14px!important}}@media (max-width:480px){.au-wrap{padding:0 12px 24px!important}.au-hero{padding:16px 12px!important}.au-hero-avatar{width:40px!important;height:40px!important;font-size:16px!important}.au-hero-title{font-size:15px!important}.au-stat{padding:5px 10px!important;min-width:48px!important}.au-stat-num{font-size:12px!important}.au-stat-label{font-size:9px!important}.au-side-card{padding:14px!important;border-radius:12px!important}.au-post{padding:14px 12px!important}.admin-content{padding:12px!important}.admin-page-title{font-size:17px!important}.admin-nav-item{padding:10px 12px!important}.admin-nav-item,table.admin-table{font-size:12px!important}.admin-stats{gap:8px!important}.header-search{max-width:140px!important}}@media (max-width:375px){.header-search{max-width:120px!important}.header-search input{font-size:13px!important;padding:6px 8px!important}}body.has-mobile-bottom-nav .ranking-section{margin-bottom:20px}body.has-mobile-bottom-nav .ranking-cols{grid-template-columns:1fr;gap:10px}body.has-mobile-bottom-nav .ranking-col .ranking-item:nth-child(n+6){display:none}body.has-mobile-bottom-nav .genre-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}@media (max-width:600px){.comment-write{position:-webkit-sticky!important;position:sticky!important;bottom:0!important;z-index:50;background:var(--surface)!important;border-top:1px solid var(--border);padding:10px 12px!important}}@media (max-width:480px){.upload-tabs{overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap!important}.upload-tabs::-webkit-scrollbar{display:none}.upload-tab{flex-shrink:0!important;white-space:nowrap!important;font-size:12px!important;padding:8px 12px!important}}@media (max-width:375px){.novel-header{gap:12px!important}.novel-cover{width:100px!important;height:138px!important}.novel-title{font-size:18px!important}.chapter-item{padding:10px 12px!important}.comment-write{padding:10px 8px!important}.comment-nickname-input{font-size:13px!important}.notice-card{padding:12px 10px!important}.notice-icon{width:28px!important;height:28px!important;font-size:11px!important}.support-wrap{padding:12px 8px 32px!important}.faq-q{padding:8px 10px!important;min-height:44px;display:flex;align-items:center}.faq-a-inner,.faq-q{font-size:11px!important}.faq-a-inner{padding:0 10px 10px 28px!important}.sp-hero-search-input{font-size:13px!important}}.myp-profile-banner{height:80px;border-radius:16px 16px 0 0;position:relative;overflow:hidden}.myp-profile-info{padding:16px 28px 0}.myp-avatar{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;flex-shrink:0;margin-top:-36px;border:3px solid var(--surface);transition:transform .15s}.myp-avatar:hover{transform:scale(1.05)}.myp-nickname{font-size:20px;font-weight:700;color:var(--text)}.myp-edit-btn{padding:4px 12px;font-size:11px;border-radius:20px;border:1px solid var(--border);background:var(--surface2);color:var(--text-muted);cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap}.myp-edit-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.myp-stats-row{display:flex;justify-content:center;gap:0;padding:16px 28px 20px;margin-top:8px;border-top:1px solid var(--border)}.myp-stat-item{text-align:center;cursor:pointer;padding:4px 20px}.myp-stat-num{font-size:20px;font-weight:700;color:var(--text)}.myp-stat-label{font-size:11px;color:var(--text-muted);margin-top:2px}.myp-stat-divider{width:1px;background:var(--border)}@media (max-width:767px){.myp-profile-banner{height:60px!important}.myp-profile-info{padding:12px 16px 0!important}.myp-avatar{width:56px!important;height:56px!important;margin-top:-28px!important}.myp-avatar i{font-size:22px!important}.myp-nickname{font-size:17px!important}.myp-stats-row{padding:12px 12px 16px!important;flex-wrap:wrap;gap:4px}.myp-stat-item{padding:4px 12px!important}.myp-stat-num{font-size:16px!important}}@media (max-width:480px){.myp-profile-banner{height:50px!important}.myp-profile-info{padding:10px 12px 0!important}.myp-avatar{width:48px!important;height:48px!important;margin-top:-24px!important}.myp-avatar i{font-size:18px!important}.myp-nickname{font-size:15px!important}.myp-edit-btn{padding:3px 10px!important;font-size:10px!important}.myp-stats-row{padding:10px 8px 14px!important}.myp-stat-item{padding:4px 8px!important}.myp-stat-num{font-size:14px!important}.myp-stat-label{font-size:10px!important}}@media (max-width:375px){.myp-profile-banner{height:44px!important}.myp-avatar{width:42px!important;height:42px!important;margin-top:-21px!important}.myp-nickname{font-size:14px!important}.myp-stat-item{padding:3px 6px!important}.myp-stat-num{font-size:13px!important}}@media (max-width:480px){.reader-header{height:44px!important;padding:0 8px!important;gap:6px!important}.reader-chapter-select{max-width:120px!important;font-size:11px!important;padding:4px 6px!important}.reader-tool-btn{width:28px!important;height:28px!important;font-size:12px!important}.reader-tools{gap:4px!important}.reader-content-wrap{padding:16px 14px 36px!important}.reader-chap-title{font-size:16px!important}.reader-text{font-size:15px!important}.chap-action-bar{padding:16px 12px!important;gap:12px!important}.cab-circle{width:40px!important;height:40px!important;font-size:14px!important}.cab-label{font-size:11px!important}.next-chap-btn{padding:14px 24px!important;font-size:14px!important}.comment-section{padding:0 12px 36px!important}.settings-panel{width:280px!important}.setting-slider{min-width:0!important}}@media (max-width:375px){.reader-header{height:40px!important;padding:0 6px!important;gap:4px!important}.reader-chapter-select{max-width:100px!important;font-size:10px!important}.reader-tool-btn{width:26px!important;height:26px!important;font-size:11px!important}.reader-content-wrap{padding:14px 10px 32px!important}.reader-chap-title{font-size:15px!important}.reader-text{font-size:14px!important;line-height:1.9!important}.cab-circle{width:36px!important;height:36px!important;font-size:13px!important}.settings-panel{width:260px!important}}@media (max-width:480px){.myp-sidebar{padding:6px!important;gap:2px!important}.myp-sidebar-item{padding:6px 10px!important;font-size:10px!important;gap:1px!important}.myp-sidebar-item span:first-child{width:24px!important;height:24px!important;font-size:11px!important}}.mp-not-logged{text-align:center;padding:80px 20px;min-height:calc(100vh - 200px);flex-direction:column}.mp-not-logged,.mp-not-logged-icon{display:flex;align-items:center;justify-content:center}.mp-not-logged-icon{width:80px;height:80px;border-radius:50%;background:var(--primary-light);margin-bottom:20px}.mp-not-logged-icon i{font-size:36px;color:var(--primary);display:block}.mp-not-logged-title{font-size:18px;font-weight:700;color:var(--text);margin-bottom:8px}.mp-not-logged-desc{font-size:14px;color:var(--text-muted);margin-bottom:24px}.mp-not-logged-features{display:flex;gap:24px;margin-top:32px;flex-wrap:wrap;justify-content:center}.mp-feature-item{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted);font-size:12px;font-weight:500}.mp-feature-item i{width:48px;height:48px;border-radius:12px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-secondary)}.myp-card{background:var(--surface);border-radius:16px;padding:28px;margin-bottom:16px;border:1px solid var(--border);box-shadow:0 1px 3px rgba(0,0,0,.04)}.myp-section-title{font-size:15px;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:10px}.myp-section-icon,.myp-sidebar-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.myp-sidebar-icon{font-size:13px;background:transparent;color:inherit;transition:all .15s}.myp-sidebar-item.active .myp-sidebar-icon{background:var(--primary);color:#fff}.myp-sidebar-divider{height:1px;background:var(--border);margin:6px 14px;opacity:.6}.myp-avatar-overlay{position:absolute;inset:0;border-radius:50%;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;pointer-events:none}.myp-avatar-overlay i{color:#fff;font-size:18px}.myp-avatar{position:relative}.myp-avatar:hover .myp-avatar-overlay{opacity:1}.myp-empty-cta{display:inline-block;padding:8px 20px;border-radius:8px;background:var(--primary);color:#fff;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s}.myp-empty-cta:hover{background:var(--primary-hover)}.myp-badges{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.myp-badge{font-size:10px;padding:3px 8px;border-radius:12px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html.dark-mode .myp-card{box-shadow:0 1px 4px rgba(0,0,0,.2);border-color:rgba(255,255,255,.06)}html.dark-mode .myp-profile-card{border-color:rgba(255,255,255,.06)!important;box-shadow:0 2px 8px rgba(0,0,0,.3)!important}@media (max-width:767px){.myp-card{padding:16px!important;border-radius:12px!important}.myp-section-title{font-size:14px}.myp-sidebar-divider{display:none}.mp-not-logged{padding:60px 16px;min-height:calc(100vh - 160px)}.mp-not-logged-features{gap:16px}.mp-feature-item i{width:40px;height:40px;font-size:15px}.myp-sidebar{-webkit-mask-image:linear-gradient(90deg,black 90%,transparent);mask-image:linear-gradient(90deg,black 90%,transparent)}}@media (max-width:480px){.myp-card{padding:14px!important}.myp-section-title{font-size:13px;gap:8px}.myp-section-icon{width:24px;height:24px}}@media (max-width:375px){.myp-stats-row{display:grid!important;grid-template-columns:repeat(3,1fr)!important;grid-gap:8px!important;gap:8px!important;padding:12px!important}.myp-stat-divider{display:none!important}.myp-stat-item{padding:6px 4px!important;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center}}@media (max-width:767px){.top10-split{flex-direction:row!important;overflow-x:auto!important;gap:12px!important;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:8px;-webkit-overflow-scrolling:touch}.top10-split::-webkit-scrollbar{display:none}.top10-featured{flex:0 0 150px!important;width:150px!important;flex-direction:column!important;scroll-snap-align:start;border-radius:8px!important}.top10-featured-thumb{width:100%!important;height:auto!important;padding-top:133%!important;flex-shrink:0!important}.top10-featured-thumb img{position:absolute!important;inset:0!important}.top10-featured-info{padding:8px 6px!important}.top10-featured-rank,.top10-featured-title{font-size:13px!important}.top10-featured-rank{width:26px!important;height:26px!important;top:8px!important;left:8px!important}.top10-rest-grid{display:contents!important}.top10-list-item{flex:0 0 130px!important;flex-direction:column!important;gap:0!important;padding:0!important;scroll-snap-align:start;position:relative!important;border-radius:8px!important;overflow:hidden}.top10-list-rank{position:absolute!important;top:6px!important;left:6px!important;z-index:2;width:22px!important;height:22px!important;min-width:22px!important;border-radius:50%!important;background:rgba(0,0,0,.6)!important;color:#fff!important;font-size:11px!important;display:flex!important;align-items:center!important;justify-content:center!important}.top10-list-rank.r2{color:#fff!important;background:rgba(156,163,175,.7)!important}.top10-list-rank.r3{color:#fff!important;background:rgba(180,83,9,.7)!important}.top10-list-thumb{width:100%!important;height:auto!important;aspect-ratio:3/4!important;border-radius:8px 8px 0 0!important}.top10-list-info{padding:6px!important;width:100%}.top10-list-title{font-size:12px!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;line-height:1.3!important}.top10-list-meta{font-size:10px!important;margin-top:3px!important}.top10-list-genre{font-size:9px!important;padding:1px 5px!important}.weekly-theme-grid{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;gap:12px!important;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:8px;-webkit-overflow-scrolling:touch}}@media (max-width:767px){.weekly-theme-grid::-webkit-scrollbar{display:none}.weekly-theme-card{flex:0 0 220px!important;scroll-snap-align:start;min-width:220px!important}.weekly-theme-banner{min-height:140px!important;border-radius:12px!important}.weekly-theme-banner-overlay h3{font-size:18px!important}.weekly-theme-banner-overlay p{font-size:12px!important}.weekly-theme-banner-overlay{padding:20px!important}}@media (max-width:480px){.weekly-theme-grid{gap:10px!important}.weekly-theme-card{flex:0 0 190px!important;min-width:190px!important}.weekly-theme-card-title{font-size:13px!important}.weekly-theme-card-thumb{width:42px!important;height:56px!important}}@keyframes cardRevealUp{0%{opacity:0;transform:translateY(40px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sectionRevealUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes gradientShimmer{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes btnGradientSweep{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes rippleExpand{0%{transform:scale(0);opacity:.4}to{transform:scale(4);opacity:0}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes backdropBlurIn{0%{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);opacity:0}to{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:1}}@keyframes pulseBreath{0%,to{box-shadow:0 0 0 0 rgba(0,106,99,.35)}50%{box-shadow:0 0 0 8px rgba(0,106,99,.08)}}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(16px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes typingCursor{0%,to{opacity:0}50%{opacity:.6}}@keyframes card3DEntry{0%{opacity:0;transform:perspective(800px) rotateX(8deg) translateY(30px)}to{opacity:1;transform:perspective(800px) rotateX(0) translateY(0)}}@keyframes progressGlow{0%{box-shadow:0 0 0 rgba(0,106,99,0)}50%{box-shadow:0 0 10px rgba(0,106,99,.4)}to{box-shadow:0 0 4px rgba(0,106,99,.2)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes tealShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[data-reveal]{opacity:1!important;transform:none!important}}