@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:#fb2c36;--spacing:.25rem;--container-3xl:48rem;--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--font-weight-semibold:600;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-500:lab(55.4814% 75.0732 48.8528)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.mt-2{margin-top:calc(var(--spacing)*2)}.block{display:block}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.h-10{height:calc(var(--spacing)*10)}.h-\[64px\]{height:64px}.h-full{height:100%}.min-h-\[50vh\]{min-height:50vh}.min-h-screen{min-height:100vh}.w-10{width:calc(var(--spacing)*10)}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[var\(--color-primary\)\]{border-color:var(--color-primary)}.border-t-transparent{border-top-color:#0000}.object-cover{object-fit:cover}.px-4{padding-inline:calc(var(--spacing)*4)}.py-16{padding-block:calc(var(--spacing)*16)}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-\[var\(--color-text-tertiary\)\]{color:var(--color-text-tertiary)}.text-red-500{color:var(--color-red-500)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (min-width:48rem){.md\:h-\[72px\]{height:72px}.md\:h-\[128px\]{height:128px}}}:root{--color-primary:#a855f7;--color-primary-light:#c084fc;--color-primary-dark:#9333ea;--color-primary-rgb:168,85,247;--color-bg-primary:#0a0a0f;--color-bg-secondary:#111118;--color-bg-tertiary:#1a1a24;--color-bg-menu-primary:#1f1f2e;--color-bg-menu-secondary:#252535;--color-bg-card:#151520;--color-bg-page:#0f0f18;--color-bg-quaternary:#222230;--color-text-primary:#fff;--color-text-secondary:#fffffff2;--color-text-tertiary:#ffffffd9;--color-text-quaternary:#ffffffbf;--color-text-quinary:#ffffffa6;--color-text-senary:#ffffff8c;--color-text-muted:#ffffff59;--color-text-disabled:#ffffff73;--color-border-primary:#a855f766;--color-border-secondary:#a855f74d;--color-border-tertiary:#ffffff26;--color-border-quaternary:#ffffff1a;--color-border-quinary:#ffffff14;--color-border-primary-light:#a855f780;--color-shadow-primary:#a855f766;--color-shadow-primary-light:#a855f733;--color-shadow-primary-dark:#a855f799;--color-shadow-xl:#00000080;--color-shadow-2xl:#0009;--color-shadow-3xl:#000000b3;--color-shadow-4xl:#000c;--color-bg-overlay:#0a0a0fe6;--color-bg-overlay-light:#0a0a0f99;--color-bg-overlay-dark:#0a0a0ff2;--color-warning:#f59e0b;--color-letterboxd-primary:var(--color-primary);--color-letterboxd-primary-light:var(--color-primary-light);--color-skeleton:#1f1f2e;--color-skeleton-dark:#1a1a24;--color-shadow-lg:#0006;--color-bg-gradient-middle:#151520;--color-bg-gradient-end:#1a1a24;--font-reading:"PingFang SC","PingFang TC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC","Noto Sans TC","Noto Sans JP","Yu Gothic","Meiryo","Hiragino Kaku Gothic ProN",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.header-wrapper{z-index:1000;position:relative}.header-top{z-index:1001;-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--color-border-quinary);background:linear-gradient(#0a0a0ffa 0%,#0a0a0fe6 100%);transition:all .4s cubic-bezier(.2,.9,.2,1);position:fixed;top:0;left:0;right:0}.header-top.scrolled{-webkit-backdrop-filter:blur(30px)saturate(200%);border-bottom:1px solid var(--color-border-primary);background:linear-gradient(#0a0a0f 0%,#111118fa 100%);box-shadow:0 4px 24px #a855f71a}.header-top-container{justify-content:space-between;align-items:center;max-width:1400px;height:72px;margin:0 auto;padding:16px 32px;display:flex}.header-left,.header-right{flex:1;align-items:center;gap:12px;display:flex}.header-right{justify-content:flex-end}.logo-center{flex:none;text-decoration:none;transition:transform .3s cubic-bezier(.2,.9,.2,1)}.logo-center:hover{transform:scale(1.05)}.logo-wrapper{align-items:center;gap:12px;display:flex}.logo-img{object-fit:contain;width:auto;height:44px}.logo-text{letter-spacing:2px;background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-light)50%,var(--color-primary)100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800;animation:3s infinite gradient-shift}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}@media (max-width:768px){.logo-text{display:none}.header-auth-btn{white-space:nowrap;border-radius:8px;flex-shrink:0;height:32px;min-height:32px;padding:5px 10px;font-size:.75rem}a.header-auth-btn{box-sizing:border-box;min-height:32px}}.icon-btn{background:var(--color-bg-menu-primary);border:1px solid var(--color-border-quaternary);width:44px;height:44px;color:var(--color-text-primary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.2,.9,.2,1);display:flex}.icon-btn:hover{background:var(--color-bg-menu-secondary);border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 4px 12px var(--color-shadow-primary);transform:translateY(-2px)}.lang-select{background:var(--color-bg-menu-primary);border:1px solid var(--color-border-quaternary);color:var(--color-text-primary);cursor:pointer;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='%23A855F7' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border-radius:12px;padding:10px 32px 10px 14px;font-size:14px;font-weight:600;transition:all .3s}.lang-select:hover{border-color:var(--color-primary);background-color:var(--color-bg-menu-secondary);box-shadow:0 0 0 2px var(--color-shadow-primary-light)}.lang-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-shadow-primary-light);outline:none}.lang-select option{background:var(--color-bg-menu-primary);color:var(--color-text-primary)}.header-auth-btn{border:1px solid var(--color-primary);color:var(--color-primary);cursor:pointer;background:0 0;border-radius:12px;padding:8px 18px;font-size:14px;font-weight:600;transition:all .2s}.header-auth-btn:hover{background:var(--color-primary);color:#fff}a.header-auth-btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.header-user-wrap{align-items:center;gap:.5rem;display:flex;position:relative}.header-creator-center-btn{color:var(--color-primary);white-space:nowrap;border-radius:6px;padding:.25rem .5rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s}.header-creator-center-btn:hover{color:var(--color-primary-light);background:#a855f726}.header-user-btn{cursor:pointer;background:var(--color-bg-tertiary);border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;text-decoration:none;transition:opacity .2s,transform .2s;display:flex;overflow:hidden}a.header-user-btn:hover{opacity:.9;transform:scale(1.05)}.header-user-avatar{object-fit:cover;width:100%;height:100%}.header-user-backdrop{z-index:1;position:fixed;inset:0}.header-user-menu{z-index:2;background:var(--color-bg-secondary);border:1px solid #ffffff1a;border-radius:12px;min-width:280px;padding:1rem;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 40px #0006}.header-user-menu-head{gap:1rem;margin-bottom:1rem;display:flex}.header-user-menu-avatar{object-fit:cover;border-radius:50%;width:56px;height:56px}.header-user-menu-name{color:var(--color-text-primary);font-size:1rem;font-weight:600}.header-user-menu-contact{color:var(--color-text-quaternary);margin-top:.25rem;font-size:.8rem}.header-user-menu-joined{color:var(--color-text-quinary);margin-top:.35rem;font-size:.75rem}.header-user-menu-logout{width:100%;color:var(--color-text-tertiary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;transition:background .2s}.header-user-menu-logout:hover{color:#f87171;background:#ef444433}.drawer-user-section{border-bottom:1px solid #ffffff14;padding:1rem}.drawer-user-info{gap:1rem;margin-bottom:.75rem;display:flex}.drawer-user-avatar{object-fit:cover;border-radius:50%;width:48px;height:48px}.drawer-user-name{color:var(--color-text-primary);font-weight:600}.drawer-user-joined{color:var(--color-text-quaternary);font-size:.8rem}.drawer-creator-center-link,.drawer-user-center-link{border:1px solid var(--color-primary);width:100%;color:var(--color-primary);text-align:center;cursor:pointer;background:0 0;border-radius:8px;margin-bottom:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:block}.drawer-creator-center-link:hover,.drawer-user-center-link:hover{color:var(--color-primary-light);background:#a855f726}.drawer-logout-btn{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:8px;padding:.5rem 1rem;font-size:.875rem}.drawer-auth-btn{border:1px solid var(--color-primary);width:100%;color:var(--color-primary);cursor:pointer;text-align:center;background:0 0;border-radius:12px;margin-bottom:1rem;padding:.75rem 1rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:block}.drawer-auth-btn:hover{color:var(--color-primary-light);background:#a855f726}.auth-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.auth-modal{background:var(--color-bg-secondary);border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:420px;max-height:90vh;padding:2rem;position:relative;overflow-y:auto;box-shadow:0 24px 60px #00000080}.auth-modal-close{width:36px;height:36px;color:var(--color-text-tertiary);cursor:pointer;background:#ffffff0d;border:none;border-radius:8px;font-size:1.5rem;line-height:1;position:absolute;top:1rem;right:1rem}.auth-modal-close:hover{background:#ffffff1a}.auth-modal-tabs{gap:.5rem;margin-bottom:1.5rem;display:flex}.auth-modal-tab{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:10px;flex:1;padding:.6rem 1rem;font-size:.95rem;font-weight:500;transition:all .2s}.auth-modal-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.auth-modal-form label{color:var(--color-text-secondary);margin-bottom:1rem;font-size:.875rem;font-weight:500;display:block}.auth-modal-input{background:var(--color-bg-tertiary);color:#fff;border:1px solid #ffffff26;border-radius:10px;width:100%;margin-top:.35rem;padding:.6rem 1rem;font-size:.95rem}.auth-modal-input:focus{border-color:var(--color-primary);outline:none}.auth-modal-username-row{gap:.5rem;margin-top:.35rem;display:flex}.auth-modal-username-row .auth-modal-input{flex:1;margin-top:0}.auth-modal-change-btn{border:1px solid var(--color-primary);color:var(--color-primary);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;padding:.6rem 1rem;font-size:.875rem}.auth-modal-change-btn:hover{background:#a855f726}.auth-modal-avatars{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.auth-modal-avatar{cursor:pointer;border:2px solid #0000;border-radius:50%;width:44px;height:44px;padding:0;transition:all .2s;overflow:hidden}.auth-modal-avatar:hover{border-color:#ffffff4d}.auth-modal-avatar.selected{border-color:var(--color-primary)}.auth-modal-avatar img{object-fit:cover;width:100%;height:100%}.auth-modal-error{color:#f87171;margin:.5rem 0;font-size:.875rem}.auth-modal-submit{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:.5rem;padding:.75rem;font-size:1rem;font-weight:600;transition:opacity .2s}.auth-modal-submit:hover:not(:disabled){opacity:.9}.auth-modal-submit:disabled{opacity:.6;cursor:not-allowed}.auth-page{background:linear-gradient(#0a0a1a 0%,#0f0f1e 25%,#14142a 50%,#0a0a1a 100%);justify-content:center;align-items:flex-start;min-height:100vh;padding:3rem 1.5rem 4rem;display:flex}.auth-page .auth-page-container{-webkit-backdrop-filter:blur(12px);background:#12121ccc;border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:700px;margin:0;padding:2.5rem 2.5rem 2rem;box-shadow:0 16px 48px #0000004d,0 0 0 1px #ffffff0a}@media (min-width:640px){.auth-page .auth-page-container{padding:3rem 3rem 2.5rem}}@media (min-width:900px){.auth-page .auth-page-container{padding:3.5rem 3rem}}.auth-page .auth-page-loading{text-align:center;color:var(--color-text-quaternary);padding:3rem}.auth-page .auth-page-tabs{background:#ffffff0a;border-radius:14px;gap:.25rem;margin-bottom:2.25rem;padding:5px;display:flex;position:relative;overflow:hidden}.auth-page .auth-page-tab-slider{z-index:0;background:#ffffff1f;border-radius:10px;width:calc(50% - 7px);transition:left .3s cubic-bezier(.4,0,.2,1);position:absolute;top:5px;bottom:5px;box-shadow:0 2px 8px #0003}.auth-page .auth-page-tab{color:var(--color-text-quaternary);cursor:pointer;z-index:1;background:0 0;border:none;border-radius:10px;flex:1;padding:.8rem 1.25rem;font-size:1rem;font-weight:500;transition:color .2s;position:relative}.auth-page .auth-page-tab:hover{color:var(--color-text-secondary)}.auth-page .auth-page-tab.active{color:var(--color-text-primary)}.auth-page .auth-page-form label{color:var(--color-text-secondary);margin-bottom:1.25rem;font-size:.9rem;font-weight:500;display:block}.auth-page .auth-page-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;width:100%;margin-top:.5rem;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.auth-page .auth-page-input:hover{border-color:#fff3}.auth-page .auth-page-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #a855f733}.auth-page .auth-page-password-wrap{margin-top:.5rem;position:relative}.auth-page .auth-page-input-password{margin-top:0;padding-right:2.75rem}.auth-page .auth-page-password-toggle{width:36px;height:36px;color:var(--color-text-quaternary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:color .2s,background .2s;display:flex;position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.auth-page .auth-page-password-toggle:hover{color:var(--color-text-secondary);background:#ffffff0f}.auth-page .auth-page-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c4b5fd' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px;padding-right:2.25rem}.auth-page .auth-page-select option{color:#e2e8f0;background:#1a1a2e;padding:.5rem}.auth-page .auth-page-date{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.auth-page .auth-page-date::-webkit-calendar-picker-indicator{filter:invert();opacity:.7;cursor:pointer}.auth-page .auth-page-date::-webkit-datetime-edit{color:#fff}@supports ((-moz-appearance:none)){.auth-page .auth-page-date::-moz-focus-inner{border:none}}.auth-page .auth-page-username-row{gap:.5rem;margin-top:.35rem;display:flex}.auth-page .auth-page-username-row .auth-page-input{flex:1;margin-top:0}.auth-page .auth-page-change-btn{border:1px solid var(--color-primary);color:var(--color-primary);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;padding:.6rem 1rem;font-size:.875rem}.auth-page .auth-page-change-btn:hover{background:#a855f726}.auth-page .auth-page-avatars{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.auth-page .auth-page-avatar{cursor:pointer;border:2px solid #0000;border-radius:50%;width:44px;height:44px;padding:0;transition:all .2s;overflow:hidden}.auth-page .auth-page-avatar:hover{border-color:#ffffff4d}.auth-page .auth-page-avatar.selected{border-color:var(--color-primary)}.auth-page .auth-page-avatar-initial{justify-content:center;align-items:center;font-size:1.1rem;font-weight:600;display:flex}.auth-page .auth-page-avatar img,.auth-page .auth-page-avatar.auth-page-avatar-img img{object-fit:cover;width:100%;height:100%;display:block}.auth-page .auth-page-avatar.auth-page-avatar-img{flex-shrink:0}.auth-page .auth-page-error{color:#f87171;margin:.5rem 0;font-size:.875rem}.auth-page .auth-page-submit{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:999px;width:100%;margin-top:1rem;padding:.85rem 1.5rem;font-size:1rem;font-weight:600;transition:opacity .2s,transform .15s}.auth-page .auth-page-submit:hover:not(:disabled){opacity:.92}.auth-page .auth-page-submit:active:not(:disabled){transform:scale(.99)}.auth-page .auth-page-submit:disabled{opacity:.6;cursor:not-allowed}.auth-page .auth-page-back{color:var(--color-text-quaternary);align-items:center;gap:.35rem;margin-top:1.75rem;padding:.5rem 0;font-size:.95rem;text-decoration:none;transition:color .2s;display:inline-flex}.auth-page .auth-page-back svg{flex-shrink:0}.auth-page .auth-page-back:hover{color:var(--color-primary-light)}.auth-prompt-modal-overlay{z-index:9998;-webkit-backdrop-filter:blur(8px);background:#0009;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out auth-prompt-fade-in;display:flex;position:fixed;inset:0}@keyframes auth-prompt-fade-in{0%{opacity:0}to{opacity:1}}.auth-prompt-modal{background:var(--color-bg-secondary);border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:420px;padding:2rem;animation:.25s ease-out auth-prompt-scale-in;position:relative;box-shadow:0 24px 60px #00000080,0 0 0 1px #ffffff0d}@keyframes auth-prompt-scale-in{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.auth-prompt-modal-close{width:36px;height:36px;color:var(--color-text-quaternary);cursor:pointer;background:#ffffff0f;border:none;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:background .2s,color .2s;display:flex;position:absolute;top:1rem;right:1rem}.auth-prompt-modal-close:hover{color:var(--color-text-secondary);background:#ffffff1a}.auth-prompt-modal-icon{width:64px;height:64px;color:var(--color-primary-light);background:#a855f726;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.auth-prompt-modal-title{color:var(--color-text-primary);text-align:center;margin:0 0 .75rem;font-size:1.35rem;font-weight:600;line-height:1.4}.auth-prompt-modal-desc{color:var(--color-text-tertiary);text-align:center;margin:0 0 1.75rem;font-size:.95rem;line-height:1.6}.auth-prompt-modal-actions{flex-direction:column-reverse;gap:.75rem;display:flex}@media (min-width:400px){.auth-prompt-modal-actions{flex-direction:row;justify-content:flex-end}}.auth-prompt-modal-primary{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;flex:1;min-width:0;padding:.85rem 1.5rem;font-size:1rem;font-weight:600;transition:opacity .2s,transform .15s}.auth-prompt-modal-primary:hover{opacity:.92}.auth-prompt-modal-primary:active{transform:scale(.98)}.auth-prompt-modal-secondary{min-width:0;color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:12px;flex:1;padding:.85rem 1.5rem;font-size:1rem;font-weight:500;transition:background .2s,color .2s}.auth-prompt-modal-secondary:hover{color:var(--color-text-secondary);background:#ffffff0f}@media (min-width:400px){.auth-prompt-modal-primary,.auth-prompt-modal-secondary{flex:0 auto}}.desktop-nav-bar{z-index:1000;-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--color-border-quinary);background:linear-gradient(#0a0a0ff2 0%,#0a0a0fd9 100%);transition:all .4s cubic-bezier(.2,.9,.2,1);position:fixed;top:72px;left:0;right:0}.desktop-nav-bar.scrolled{-webkit-backdrop-filter:blur(30px)saturate(200%);border-bottom:1px solid var(--color-border-primary);background:linear-gradient(#0a0a0ffa 0%,#111118f2 100%);box-shadow:0 4px 24px #a855f71a}.nav-container{justify-content:center;align-items:center;gap:8px;max-width:1400px;height:56px;margin:0 auto;padding:0 32px;display:flex}.nav-item{color:var(--color-text-quaternary);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:12px 20px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.2,.9,.2,1);position:relative}.nav-item:hover{color:var(--color-text-primary);background:var(--color-bg-menu-primary)}.nav-item.active{color:var(--color-primary);background:linear-gradient(135deg,#a855f726 0%,#a855f70d 100%)}.nav-indicator{background:linear-gradient(90deg,var(--color-primary)0%,var(--color-primary-light)100%);border-radius:2px;width:60%;height:3px;animation:.3s cubic-bezier(.2,.9,.2,1) indicator-appear;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}@keyframes indicator-appear{0%{opacity:0;width:0}to{opacity:1;width:60%}}.search-modal-overlay{-webkit-backdrop-filter:blur(20px);z-index:10000;background:#0a0a0ffa;justify-content:center;align-items:flex-start;padding-top:100px;padding-bottom:40px;display:flex;position:fixed;inset:0;overflow:hidden}.search-modal{flex-direction:column;width:100%;max-width:1000px;max-height:calc(100vh - 80px);padding:0 32px;display:flex;overflow:hidden}.search-modal-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.search-title{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-light)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:32px;font-weight:700}.close-search-btn{background:var(--color-bg-menu-primary);border:1px solid var(--color-border-quaternary);width:44px;height:44px;color:var(--color-text-primary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:all .3s;display:flex}.close-search-btn:hover{background:var(--color-bg-menu-secondary);border-color:var(--color-primary);color:var(--color-primary);transform:rotate(90deg)}.search-input-container{background:var(--color-bg-menu-primary);border:2px solid var(--color-border-quaternary);border-radius:16px;align-items:center;gap:16px;padding:20px 24px;transition:all .3s;display:flex;position:relative}.search-input-container:focus-within{border-color:var(--color-primary);background:var(--color-bg-secondary);box-shadow:0 0 0 4px var(--color-shadow-primary-light),0 8px 24px #a855f733}.search-icon-large{color:var(--color-text-quinary);flex-shrink:0}.search-input-large{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:20px;font-weight:400}.search-input-large::placeholder{color:var(--color-text-quinary)}.clear-search-btn{color:var(--color-text-quaternary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.clear-search-btn:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.search-results-area{flex:1;min-height:0;margin-top:32px;padding-bottom:32px;padding-right:8px;overflow:hidden auto}.search-results-area .search-results{background:0 0;max-width:100%;min-height:auto;margin:0;padding:0}.search-results-area .result-item{background:var(--color-bg-menu-primary);border:1px solid var(--color-border-quaternary);transition:all .3s}.search-results-area .result-item:hover{background:var(--color-bg-menu-secondary);border-color:var(--color-primary);box-shadow:0 4px 16px var(--color-shadow-primary);transform:translateY(-2px)}.search-empty-state{flex-direction:column;justify-content:center;align-items:center;gap:16px;margin-top:80px;padding:48px;display:flex}.empty-icon{color:var(--color-text-quinary);opacity:.5}.empty-text{color:var(--color-text-quaternary);margin:0;font-size:16px;font-weight:500}.drawer-overlay{background:var(--color-bg-overlay-light);z-index:10000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.drawer-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.drawer{background:linear-gradient(180deg,var(--color-bg-primary)0%,var(--color-bg-secondary)100%);pointer-events:auto;flex-direction:column;width:320px;max-width:85vw;height:100vh;transition:transform .3s;display:flex;overflow:hidden;transform:translate(-100%);box-shadow:4px 0 32px #0009,0 0 0 1px #a855f71a}.drawer-overlay.open .drawer{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--color-border-primary);background:linear-gradient(135deg,#a855f71a 0%,#0000 100%);justify-content:space-between;align-items:center;padding:24px;display:flex}.drawer-logo{align-items:center;gap:12px;display:flex}.drawer-logo-img{width:auto;height:32px}.close-btn{color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.close-btn:hover{background:var(--color-bg-menu-primary);color:var(--color-primary)}.drawer-content{flex:1;min-height:0;padding:16px 0;overflow-y:auto}.drawer-menu-item{text-align:left;width:100%;color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:16px 24px;font-size:16px;font-weight:500;transition:all .3s;display:flex;position:relative}.drawer-menu-item:hover{color:var(--color-primary);background:linear-gradient(90deg,#a855f71a 0%,#0000 100%);padding-left:28px}.drawer-menu-item.active{color:var(--color-primary);border-left:3px solid var(--color-primary);background:linear-gradient(90deg,#a855f726 0%,#0000 100%);font-weight:600}.drawer-item-text{flex:1}.drawer-language-section{border-top:1px solid var(--color-border-primary);margin-top:auto;padding:24px}.drawer-language-label{color:var(--color-text-primary);margin-bottom:12px;font-size:14px;font-weight:600;display:block}.drawer-language-select{background:var(--color-bg-menu-primary);border:1px solid var(--color-border-primary);width:100%;color:var(--color-text-primary);cursor:pointer;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='%23A855F7' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-radius:10px;padding:12px 36px 12px 16px;font-size:14px;font-weight:500;transition:all .3s}.drawer-language-select:hover{border-color:var(--color-primary);background-color:var(--color-bg-menu-secondary);box-shadow:0 0 0 2px var(--color-shadow-primary-light)}.drawer-language-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-shadow-primary-light);outline:none}@media (max-width:768px){.drawer-header{padding:16px 20px}.drawer-content{padding:12px 0}.drawer-menu-item{padding:12px 20px;font-size:.95rem}.drawer-menu-item:hover{padding-left:24px}.drawer-user-section{padding:.75rem 20px}.drawer-user-info{gap:.75rem;margin-bottom:.5rem}.drawer-user-avatar{width:40px;height:40px}.drawer-user-name{font-size:.95rem}.drawer-user-joined{font-size:.75rem}.drawer-creator-center-link,.drawer-user-center-link{margin-bottom:.4rem;padding:.4rem .75rem;font-size:.8rem}.drawer-logout-btn{padding:.4rem .75rem;font-size:.8rem}.drawer-auth-btn{margin-bottom:.75rem;padding:.5rem .75rem;font-size:.85rem}.drawer-language-section{padding:16px 20px}.drawer-language-label{margin-bottom:8px;font-size:.8rem}.drawer-language-select{background-position:right 10px center;padding:8px 32px 8px 12px;font-size:.85rem}.header-top-container{justify-content:flex-start;height:64px;padding:12px}.header-left{flex:none}.logo-center{flex:none;margin-left:10px}.header-right{gap:6px;margin-left:auto}.header-right .lang-select{display:none}.logo-img{height:32px;margin-right:5px}.logo-text{letter-spacing:1px;font-size:20px}.desktop-nav-bar{display:none}.lang-select{padding:8px 28px 8px 12px;font-size:12px}.icon-btn{width:40px;height:40px}.search-modal{padding:0 16px}.search-title{font-size:24px}.search-input-container{padding:16px 20px}.search-input-large{font-size:18px}}@media (min-width:769px){.menu-btn{display:none}}.home-page{width:100%;min-height:100vh;overflow-x:hidden}.hero-section{cursor:pointer;flex-direction:column;width:100%;height:100vh;min-height:500px;max-height:600px;margin-bottom:80px;display:flex;position:relative;overflow:hidden}.hero-section:hover .carousel-controls{opacity:1}.hero-backdrop{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-section .backdrop-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.hero-section:hover .backdrop-image{transform:scale(1.05)}.backdrop-overlay{z-index:2;background:linear-gradient(135deg,#0a0a0ff2 0%,#0a0a0fd9 30%,#0a0a0f99 60%,#0a0a0f66 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content-wrapper{z-index:3;flex:1;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:30px 32px 60px;display:flex;position:relative}.hero-content{grid-template-columns:1fr 400px;align-items:center;gap:64px;width:100%;display:grid;position:relative}.hero-left{flex-direction:column;gap:24px;max-width:700px;display:flex}.hero-badge{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-light)100%);width:fit-content;box-shadow:0 4px 16px var(--color-shadow-primary);border-radius:20px;align-items:center;gap:8px;padding:6px 16px;display:inline-flex}.badge-dot{background:#fff;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.badge-text{color:#000;letter-spacing:.5px;text-transform:uppercase;font-size:12px;font-weight:700}.hero-title{color:var(--color-text-primary);text-shadow:0 4px 20px #00000080;background:linear-gradient(135deg,var(--color-text-primary)0%,var(--color-text-secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:64px;font-weight:800;line-height:1.1}.hero-subtitle{color:var(--color-text-tertiary);margin:0;font-size:24px;font-style:italic;font-weight:400}.hero-meta{flex-wrap:wrap;gap:32px;display:flex}.hero-meta .meta-item{flex-direction:column;gap:4px;display:flex}.meta-label{color:var(--color-text-quinary);text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:600}.meta-value{color:var(--color-text-primary);font-size:18px;font-weight:700}.hero-meta .rating-value{align-items:center;gap:6px;display:flex}.rating-star{color:var(--color-primary);font-size:20px}.hero-description{color:var(--color-text-tertiary);max-width:600px;margin:0;font-size:16px;line-height:1.7}.hero-genres{flex-wrap:wrap;gap:12px;display:flex}.hero-genres .genre-tag{background:var(--color-bg-menu-primary);border:1px solid var(--color-border-primary);color:var(--color-primary);border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600;transition:all .3s}.hero-genres .genre-tag:hover{background:var(--color-bg-menu-secondary);border-color:var(--color-primary-light);box-shadow:0 4px 12px var(--color-shadow-primary);transform:translateY(-2px)}.hero-actions{gap:16px;margin-top:8px;display:flex}.play-btn{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-light)100%);color:#000;cursor:pointer;box-shadow:0 4px 16px var(--color-shadow-primary);border:none;border-radius:12px;align-items:center;gap:12px;padding:16px 32px;font-size:16px;font-weight:700;transition:all .3s cubic-bezier(.2,.9,.2,1);display:flex}.play-btn:hover{box-shadow:0 8px 24px var(--color-shadow-primary-dark);transform:translateY(-2px)scale(1.02)}.play-btn:active{transform:translateY(0)scale(.98)}.play-icon{font-size:20px;line-height:1}.info-btn{background:var(--color-bg-menu-primary);border:2px solid var(--color-border-primary);color:var(--color-text-primary);cursor:pointer;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.2,.9,.2,1)}.info-btn:hover{background:var(--color-bg-menu-secondary);border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 4px 16px var(--color-shadow-primary);transform:translateY(-2px)}.hero-right{justify-content:center;align-items:center;display:flex}.hero-section .poster-container{aspect-ratio:2/3;border-radius:16px;width:100%;max-width:270px;transition:all .4s cubic-bezier(.2,.9,.2,1);position:relative;overflow:hidden;box-shadow:0 20px 60px #0009,0 0 0 1px #a855f733}.hero-section:hover .poster-container{box-shadow:0 24px 80px #000c,0 0 0 2px var(--color-primary);transform:translateY(-8px)scale(1.02)}.hero-section .poster-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.hero-section:hover .poster-image{transform:scale(1.1)}.poster-placeholder{background:linear-gradient(135deg,var(--color-bg-menu-primary)0%,var(--color-bg-menu-secondary)100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.placeholder-icon{opacity:.3;font-size:80px}.hero-section .rating-badge{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-light)100%);border:3px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 4px 16px #0006}.rating-number{color:#000;font-size:18px;font-weight:800;line-height:1}.hero-gradient-bottom{background:linear-gradient(180deg,transparent 0%,var(--color-bg-primary)100%);z-index:2;pointer-events:none;height:200px;position:absolute;bottom:0;left:0;right:0}.carousel-controls{z-index:10;opacity:0;pointer-events:none;justify-content:space-between;width:100%;padding:0 32px;transition:opacity .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--color-border-primary);width:56px;height:56px;color:var(--color-text-primary);cursor:pointer;pointer-events:all;background:#1f1f2ecc;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.2,.9,.2,1);display:flex;box-shadow:0 4px 16px #0000004d}.carousel-btn:hover:not(:disabled){border-color:var(--color-primary);box-shadow:0 8px 24px var(--color-shadow-primary);background:#a855f7e6;transform:scale(1.1)}.carousel-btn:disabled{opacity:.3;cursor:not-allowed}.carousel-indicators{z-index:10;pointer-events:none;gap:12px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.indicator-dot{cursor:pointer;pointer-events:all;background:#ffffff4d;border:2px solid #0000;border-radius:50%;width:12px;height:12px;padding:0;transition:all .3s;position:relative;overflow:hidden}.indicator-dot:hover{background:#ffffff80;transform:scale(1.2)}.indicator-dot.active{background:var(--color-primary);border-color:var(--color-primary-light);box-shadow:0 0 12px var(--color-primary);transform:scale(1.3)}.indicator-inner{background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:1024px){.hero-content{grid-template-columns:1fr;gap:48px}.hero-right{order:-1;justify-content:flex-start}.hero-section .poster-container{max-width:280px}.hero-title{font-size:48px}}@media (max-width:768px){.hero-section{height:auto;min-height:auto;max-height:none;margin-bottom:32px;padding-bottom:0}.hero-section:hover .carousel-controls,.carousel-controls{opacity:1}.hero-content-wrapper{flex-direction:column;align-items:center;padding:80px 16px 40px}.hero-content{text-align:center;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:100%}.hero-right{order:-1;justify-content:center;width:100%}.hero-left{order:1;align-items:center;gap:12px;max-width:100%}.hero-section .poster-container{width:100%;max-width:160px;margin:0 auto}.hero-badge{margin:0 auto}.hero-title{text-align:center;word-break:break-word;font-size:24px;line-height:1.25}.hero-subtitle{text-align:center;font-size:14px}.hero-meta{justify-content:center;gap:16px}.hero-meta .meta-item{align-items:center}.meta-value{font-size:14px}.hero-description{text-align:center;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.hero-genres{justify-content:center;gap:8px}.hero-genres .genre-tag{padding:4px 12px;font-size:12px}.hero-actions{flex-direction:column;gap:10px;width:100%;max-width:280px;margin:0 auto}.play-btn,.info-btn{justify-content:center;width:100%;padding:12px 20px;font-size:14px}.hero-section .rating-badge{border-width:2px;width:28px;height:28px;top:6px;right:6px}.hero-section .rating-badge .rating-number{font-size:10px;font-weight:700}.carousel-controls{padding:0 8px}.carousel-btn{width:40px;height:40px}.carousel-indicators{gap:6px;bottom:16px}.indicator-dot{width:8px;height:8px}.hero-gradient-bottom{height:120px}}.horizontal-scroll-row{width:100%;margin-bottom:48px;padding:0 32px;overflow:visible}.row-header{justify-content:space-between;align-items:center;max-width:1400px;margin-bottom:20px;margin-left:auto;margin-right:auto;padding:0 32px;display:flex}.row-title{color:var(--color-text-primary);margin:0;font-size:24px;font-weight:700}.view-all-link{color:var(--color-primary);cursor:pointer;align-items:center;gap:6px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.view-all-link:hover{color:var(--color-primary-light);transform:translate(4px)}.movies-container{width:100%;max-width:1400px;margin:0 auto;padding:0 32px;position:relative;overflow:visible}.movies-grid{grid-template-columns:repeat(5,1fr);gap:20px;width:100%;display:grid}.movie-card-wrapper{width:100%;position:relative}.movie-card{cursor:pointer;transform-origin:50%;z-index:1;transition:transform .3s cubic-bezier(.2,.9,.2,1);position:relative}.movie-card.is-hovered{z-index:100;position:relative;transform:scale(1.05)translateY(-4px)}.horizontal-scroll-row .poster-container{aspect-ratio:2/3;background:var(--color-bg-menu-primary);border-radius:8px;width:100%;transition:all .3s cubic-bezier(.2,.9,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #0000004d}.movie-card.is-hovered .poster-container{border:2px solid var(--color-primary);box-shadow:0 12px 32px #0009}.horizontal-scroll-row .poster-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.movie-card.is-hovered .poster-image{transform:scale(1.05)}.horizontal-scroll-row .poster-placeholder{background:linear-gradient(135deg,var(--color-bg-menu-primary)0%,var(--color-bg-menu-secondary)100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.horizontal-scroll-row .placeholder-icon{opacity:.3;font-size:48px}.horizontal-scroll-row .rating-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#000000b3;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:700;display:flex;position:absolute;top:8px;right:8px}.horizontal-scroll-row .rating-star{color:var(--color-primary);font-size:14px}.fixed-hover-card{z-index:9999;pointer-events:all;cursor:pointer;width:400px;transition:opacity .3s cubic-bezier(.2,.9,.2,1),transform .3s cubic-bezier(.2,.9,.2,1);position:fixed;transform:translate(-50%,-50%)}@media (max-width:768px){.fixed-hover-card{display:none!important}}.fixed-hover-card.fixed-card-enter{opacity:0;transform:translate(-50%,-50%)translateY(-10px)scale(.95)}.fixed-hover-card.fixed-card-enter-active,.fixed-hover-card.fixed-card-leave{opacity:1;transform:translate(-50%,-50%)translateY(0)scale(1)}.fixed-hover-card.fixed-card-leave-active{opacity:0;transition-duration:.2s;transform:translate(-50%,-50%)translateY(-5px)scale(.95)}.fixed-card-content{background:var(--color-bg-menu-primary);border:1px solid var(--color-border-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;gap:16px;padding:20px;display:flex;box-shadow:0 12px 40px #0009}.fixed-card-poster{aspect-ratio:2/3;background:var(--color-bg-menu-secondary);border-radius:8px;flex-shrink:0;width:120px;position:relative;overflow:hidden}.fixed-poster-image{object-fit:cover;width:100%;height:100%}.fixed-poster-placeholder{background:linear-gradient(135deg,var(--color-bg-menu-primary)0%,var(--color-bg-menu-secondary)100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.fixed-rating-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#000c;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:700;display:flex;position:absolute;top:8px;right:8px}.fixed-card-info{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.fixed-title{color:var(--color-text-primary);margin:0;font-size:18px;font-weight:700;line-height:1.2}.fixed-subtitle{color:var(--color-text-tertiary);margin:0;font-size:14px;font-style:italic}.fixed-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.fixed-meta .meta-item{color:var(--color-text-secondary);font-size:12px;font-weight:600}.fixed-description{color:var(--color-text-secondary);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.fixed-genres{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.fixed-genres .genre-tag{background:var(--color-bg-menu-secondary);border:1px solid var(--color-border-primary);color:var(--color-primary);border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600}@media (max-width:1024px){.horizontal-scroll-row{padding:0 16px}.row-header,.movies-container{padding:0 24px}.movies-grid{grid-template-columns:repeat(4,1fr);gap:16px}}@media (max-width:768px){.horizontal-scroll-row{margin-bottom:28px;padding:0 16px;overflow:hidden}.row-header{margin-bottom:14px;padding:0}.movies-container{-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -16px;padding:0 16px;overflow:auto hidden}.movies-container::-webkit-scrollbar{display:none}.movies-grid{flex-direction:row;gap:12px;width:max-content;padding-bottom:8px;display:flex}.horizontal-scroll-row .movie-card-wrapper{flex:0 0 120px;width:120px;min-width:120px}.row-title{font-size:18px;font-weight:700}.horizontal-scroll-row .rating-badge{border-radius:6px;padding:2px 4px;font-size:10px;font-weight:600;top:6px;right:6px}.horizontal-scroll-row .rating-badge .rating-value,.horizontal-scroll-row .rating-star{font-size:10px}}@media (max-width:480px){.horizontal-scroll-row .movie-card-wrapper{flex:0 0 110px;width:110px;min-width:110px}.row-title{font-size:17px}.horizontal-scroll-row .rating-badge{border-radius:4px;padding:1px 3px;font-size:9px;top:4px;right:4px}.horizontal-scroll-row .rating-badge .rating-value,.horizontal-scroll-row .rating-star{font-size:9px}}.recent-stories-section,.recent-showdowns-section,.recent-news-section,.articles-section{background:var(--color-bg-page);width:100%;padding:40px 300px}.articles-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.articles-section-more{color:var(--color-primary);align-items:center;gap:6px;font-size:14px;font-weight:500;transition:opacity .2s;display:inline-flex}.articles-section-more .articles-section-arrow{flex-shrink:0}.articles-section-more:hover{opacity:.85}.articles-section-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.articles-section-item{background:var(--color-bg-card);cursor:pointer;border:1px solid var(--color-border-quinary);color:inherit;border-radius:8px;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.articles-section-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000004d}.articles-section-cover{aspect-ratio:16/9;background:var(--color-bg-menu-primary);width:100%;position:relative;overflow:hidden}.articles-section-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.articles-section-image[data-placeholder=logo]{object-fit:contain}.articles-section-item:hover .articles-section-image{transform:scale(1.05)}.articles-section-cover-empty{width:100%;height:100%;color:var(--color-text-quaternary);justify-content:center;align-items:center;display:flex}.articles-section-badge{background:var(--color-primary);color:#fff;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;top:10px;right:10px}.articles-section-body{flex-direction:column;flex:1;padding:20px;display:flex}.articles-section-title{color:var(--color-text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-size:18px;font-weight:600;display:-webkit-box;overflow:hidden}.articles-section-excerpt{color:var(--color-text-tertiary);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0 0 12px;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.articles-section-more-text{color:var(--color-primary);align-items:center;gap:6px;font-size:14px;font-weight:500;display:inline-flex}.articles-section-more-text .articles-section-arrow{flex-shrink:0}.articles-section-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:4rem 2rem;display:flex}.articles-section-empty-icon{width:5rem;height:5rem;color:var(--color-text-quaternary);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.articles-section-empty-text{color:var(--color-text-primary);margin-bottom:1rem;font-weight:500}.articles-section-empty-link{color:var(--color-primary);align-items:center;gap:6px;font-size:14px;font-weight:500;transition:color .2s;display:inline-flex}.articles-section-empty-link:hover{color:var(--color-primary-light)}.section-title{color:var(--color-text-primary);margin:0 0 16px;font-size:24px;font-weight:600}.stories-grid{column-count:3;column-fill:balance;column-gap:24px}.story-item{background:var(--color-bg-card);cursor:pointer;border:1px solid var(--color-border-quinary);break-inside:avoid;border-radius:8px;width:100%;margin-bottom:24px;transition:transform .2s,box-shadow .2s;display:inline-block;overflow:hidden}.story-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000004d}.story-image-wrapper{width:100%;position:relative;overflow:hidden}.story-image-wrapper>div{width:100%;overflow:hidden}.story-image{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.story-item:hover .story-image{transform:scale(1.05)}.story-content{padding:20px}.story-title{color:var(--color-text-primary);margin:0 0 12px;font-size:18px;font-weight:600}.story-description{color:var(--color-text-tertiary);word-wrap:break-word;margin:0 0 16px;font-size:14px;line-height:1.6}.read-story-btn{border:1px solid var(--color-letterboxd-primary);color:var(--color-letterboxd-primary);cursor:pointer;background:0 0;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.read-story-btn:hover{background:var(--color-letterboxd-primary);color:#000}.showdowns-grid,.news-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.recent-showdowns-section .poster-container,.recent-news-section .poster-container{aspect-ratio:2/3;background:var(--color-bg-menu-primary);border-radius:8px;width:100%;position:relative;overflow:hidden}.recent-showdowns-section .poster-image,.recent-news-section .poster-image{object-fit:cover;width:100%;height:100%}@media (max-width:1024px){.recent-stories-section,.recent-showdowns-section,.recent-news-section,.articles-section{padding:40px 60px}.stories-grid{column-count:2}}@media (max-width:768px){.recent-stories-section,.recent-showdowns-section,.recent-news-section,.articles-section{box-sizing:border-box;width:100%;padding:24px 16px 28px}.section-title{text-align:left;margin-bottom:16px;font-size:18px;font-weight:700}.stories-grid{column-count:1;flex-direction:column;gap:16px;display:flex}.story-item{border-radius:12px;margin-bottom:0;overflow:hidden}.story-content{padding:16px}.story-title{margin-bottom:8px;font-size:16px}.story-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.read-story-btn{padding:6px 14px;font-size:13px}.showdowns-grid,.news-grid,.articles-section-grid{grid-template-columns:repeat(2,1fr);gap:12px}.recent-showdowns-section .poster-container,.recent-news-section .poster-container{border-radius:10px}.recent-showdowns-section .rating-badge,.recent-news-section .rating-badge{border-radius:8px;padding:2px 6px;font-size:13px}.recent-showdowns-section .rating-star,.recent-news-section .rating-star{font-size:12px}}.footer{background:linear-gradient(180deg,var(--color-bg-secondary)0%,var(--color-bg-primary)100%);border-top:1px solid var(--color-border-tertiary);width:100%;margin-top:auto;padding:64px 32px 32px}.footer-container{flex-direction:column;gap:48px;max-width:1400px;margin:0 auto;display:flex}.footer-columns{grid-template-columns:repeat(4,1fr);gap:48px;display:grid}.footer-column{flex-direction:column;gap:16px;display:flex}.column-title{color:var(--color-text-primary);margin:0 0 8px;font-size:18px;font-weight:600}.column-description{color:var(--color-text-tertiary);margin:0;font-size:14px;line-height:1.6}.footer-links{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.footer-link{color:var(--color-text-quaternary);font-size:14px;text-decoration:none;transition:all .3s cubic-bezier(.2,.9,.2,1);display:inline-block}.footer-link:hover{color:var(--color-primary);transform:translate(4px)}.footer-link.active{color:var(--color-primary);font-weight:500}.social-links{flex-wrap:wrap;gap:16px;display:flex}.social-link{background:var(--color-bg-menu-primary);border:1px solid var(--color-border-quaternary);width:40px;height:40px;color:var(--color-text-primary);border-radius:8px;justify-content:center;align-items:center;text-decoration:none;transition:all .3s cubic-bezier(.2,.9,.2,1);display:flex}.social-link:hover{background:var(--color-primary);border-color:var(--color-primary);color:#000;box-shadow:0 4px 12px var(--color-shadow-primary);transform:translateY(-2px)}.contact-info{flex-direction:column;gap:12px;display:flex}.contact-link{color:var(--color-text-quaternary);align-items:center;gap:8px;font-size:14px;text-decoration:none;transition:all .3s;display:flex}.contact-link:hover{color:var(--color-primary)}.contact-link svg{flex-shrink:0}.footer-bottom{border-top:1px solid var(--color-border-tertiary);text-align:center;padding-top:32px}.copyright{color:var(--color-text-senary);margin:0;font-size:13px;font-weight:400}@media (max-width:1024px){.footer-columns{grid-template-columns:repeat(2,1fr);gap:32px}}@media (max-width:768px){.footer{padding:48px 16px 24px}.footer-container{gap:32px}.footer-columns{grid-template-columns:1fr;gap:32px}.footer-column{gap:12px}.column-title{font-size:16px}.column-description{font-size:13px}.social-links{gap:12px}.social-link{width:36px;height:36px}.footer-bottom{padding-top:24px}.copyright{font-size:12px}}.search-results{background:linear-gradient(180deg,var(--color-bg-secondary)0%,var(--color-bg-tertiary)100%);max-width:1200px;min-height:400px;margin:0 auto;padding:32px}.search-results .loading,.search-results .error,.search-results .empty{min-height:400px;color:var(--color-text-tertiary);justify-content:center;align-items:center;font-size:18px;font-weight:500;display:flex}.skeleton-container{flex-direction:column;gap:16px;display:flex}.skeleton-item{background:var(--color-border-quaternary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border-tertiary);border-radius:12px;gap:24px;padding:24px;display:flex}.skeleton-poster{background:linear-gradient(90deg,var(--color-skeleton)25%,var(--color-skeleton-dark)50%,var(--color-skeleton)75%);background-size:200% 100%;border-radius:4px;flex-shrink:0;width:150px;height:255px;animation:1.5s ease-in-out infinite loading}.skeleton-info{flex-direction:column;flex:1;gap:12px;display:flex}.skeleton-title{background:linear-gradient(90deg,var(--color-skeleton)25%,var(--color-skeleton-dark)50%,var(--color-skeleton)75%);background-size:200% 100%;border-radius:4px;width:60%;height:24px;animation:1.5s ease-in-out infinite loading}.skeleton-date{background:linear-gradient(90deg,var(--color-skeleton)25%,var(--color-skeleton-dark)50%,var(--color-skeleton)75%);background-size:200% 100%;border-radius:4px;width:40%;height:16px;animation:1.5s ease-in-out infinite loading}.skeleton-description{background:linear-gradient(90deg,var(--color-skeleton)25%,var(--color-skeleton-dark)50%,var(--color-skeleton)75%);background-size:200% 100%;border-radius:4px;width:100%;height:16px;animation:1.5s ease-in-out infinite loading}.skeleton-description:nth-child(3){width:80%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.results-list{flex-direction:column;gap:16px;display:flex}.result-item{background:var(--color-border-quaternary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border-tertiary);cursor:pointer;color:inherit;border-radius:12px;gap:24px;padding:24px;text-decoration:none;transition:all .3s;display:flex}.result-item:hover{background:var(--color-border-quaternary);border-color:var(--color-primary);box-shadow:0 8px 24px var(--color-shadow-lg);transform:translateY(-4px)}.result-poster-wrapper{background:var(--color-bg-overlay-light);width:150px;height:255px;box-shadow:0 4px 12px var(--color-shadow-lg);border-radius:8px;flex-shrink:0;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.result-item:hover .result-poster-wrapper{box-shadow:0 6px 16px var(--color-shadow-2xl);transform:scale(1.05)}.result-poster{object-fit:cover;border-radius:8px;width:100%;height:100%;transition:transform .3s}.no-image-placeholder{width:100%;height:100%;color:var(--color-text-primary);opacity:.5;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.no-image-placeholder svg{width:60px;height:60px}.no-image-placeholder span{font-size:12px}.result-info{color:var(--color-text-primary);flex-direction:column;flex:1;gap:8px;display:flex}.result-title{color:var(--color-text-primary);text-shadow:0 2px 4px var(--color-shadow-lg);margin:0 0 8px;font-size:24px;font-weight:700;transition:color .3s}.result-item:hover .result-title{color:var(--color-primary)}.result-title-en{color:var(--color-text-quaternary);margin:0 0 12px;font-size:16px;font-style:italic;font-weight:400}.result-meta{flex-wrap:wrap;align-items:center;gap:16px;margin:0 0 12px;font-size:14px;display:flex}.result-rating{color:var(--color-warning);align-items:center;gap:4px;font-weight:600;display:flex}.result-date{color:var(--color-text-quaternary);font-size:14px;font-weight:500}.result-category{color:var(--color-primary);background:var(--color-shadow-primary-light);border-radius:4px;padding:2px 8px;font-weight:500}.result-type{color:var(--color-text-quinary);text-transform:capitalize;font-weight:500}.result-description{color:var(--color-text-tertiary);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:15px;line-height:1.7;display:-webkit-box;overflow:hidden}.search-results .no-more{text-align:center;color:var(--color-text-quinary);margin-top:16px;padding:32px;font-size:16px;font-weight:500}@media (max-width:768px){.result-item{text-align:center;flex-direction:column;align-items:center}.result-poster-wrapper,.skeleton-poster{width:120px;height:204px}.result-info{text-align:center}}.loading-wrap{min-height:280px;color:var(--color-text-primary);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:32px;display:flex}.loading-wrap .spinner{border:4px solid var(--color-border-tertiary,#333);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin-loading}.loading-text{color:var(--color-text-tertiary,#999);margin:16px 0 0;font-size:14px}@keyframes spin-loading{to{transform:rotate(360deg)}}.movie-grid-container{background:#000;flex-direction:column;min-height:calc(100vh - 200px);padding:40px 32px;display:flex}.movie-grid-container .loading,.movie-grid-container .empty{color:var(--color-text-primary);flex:1;justify-content:center;align-items:center;display:flex}.movie-grid-container .spinner{border:4px solid var(--color-bg-menu-primary);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin-loading}.movie-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;padding:0;display:grid}.movie-grid .movie-card{background:var(--color-bg-card);box-shadow:0 10px 26px var(--color-shadow-2xl);cursor:pointer;border:1px solid var(--color-border-quinary);border-radius:12px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.movie-grid .movie-card:hover{box-shadow:0 14px 32px var(--color-shadow-4xl);border-color:var(--color-shadow-primary);transform:translateY(-6px)}.movie-grid .poster-wrapper{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.movie-grid .movie-badge{color:#000;z-index:10;white-space:nowrap;box-shadow:0 2px 4px var(--color-shadow-lg);border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;line-height:1.2;position:absolute;top:8px;left:8px}.movie-grid .poster{object-fit:cover;background:var(--color-border-quaternary);border-radius:10px;width:100%;height:100%;transition:transform .4s}.movie-grid .movie-card:hover .poster{transform:scale(1.1)}.movie-grid .movie-info{background:var(--color-bg-primary);padding:14px 12px}.movie-grid .movie-info h3{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:15px;font-weight:600;line-height:1.4;overflow:hidden}.movie-grid .movie-info p{color:var(--color-text-quinary);margin:2px 0;font-size:12px;font-weight:400}.loading-more,.no-more{color:var(--color-text-quaternary);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.loading-more .spinner{width:30px;height:30px;margin-bottom:12px}.loading-more p,.no-more p{color:var(--color-text-senary);margin:0;font-size:14px}@media (max-width:768px){.movie-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:12px!important}.movie-grid-container{padding:16px!important}}.about-us-page,.faq-page,.declaration-page{color:#fff;background:linear-gradient(#0a0a14 0%,#14141e 50%,#0f0f19 100%);min-height:100vh}.about-main,.faq-main,.declaration-main{max-width:1200px;margin:0 auto;padding:80px 32px 48px}.content-container{background:var(--color-border-quaternary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border-tertiary);border-radius:16px;padding:48px}.page-title{color:var(--color-text-primary);text-align:center;margin-bottom:32px;font-size:36px;font-weight:700}.content{color:var(--color-text-secondary);font-size:16px;line-height:1.8}.content p{margin-bottom:20px}.content strong{color:var(--color-text-primary)}.faq-item{background:var(--color-bg-card);border:1px solid var(--color-border-quinary);border-radius:12px;margin-bottom:16px;padding:24px}.faq-item h3{color:var(--color-text-primary);margin:0 0 12px;font-size:18px;font-weight:600}.faq-item p{color:var(--color-text-tertiary);margin:0 0 8px;font-size:15px;line-height:1.7}.faq-item p:last-child{margin-bottom:0}.declaration-section{background:var(--color-bg-card);border:1px solid var(--color-border-quinary);border-radius:12px;margin-bottom:16px;padding:24px}.declaration-section h2{color:var(--color-text-primary);margin:0 0 12px;font-size:18px;font-weight:600}.declaration-section p{color:var(--color-text-tertiary);margin:0 0 8px;font-size:15px;line-height:1.7}.declaration-section p:last-child{margin-bottom:0}.content-container .section-title{color:var(--color-text-primary);margin:24px 0 12px;font-size:20px;font-weight:600}.content-container .section-title:first-of-type{margin-top:0}.list-page{background:#000;flex-direction:column;width:100%;min-height:100vh;display:flex}.list-main{flex-direction:column;flex:1;width:100%;display:flex}.list-section{background:var(--color-bg-page);width:100%;padding:40px 0}.list-section-content{width:100%;min-width:0;max-width:1400px;margin:0 auto;padding:0 32px}.list-section-title{color:var(--color-text-primary);margin:0 0 20px;font-size:24px;font-weight:600}.list-row-container{flex-direction:column;gap:24px;display:flex}.list-section-content .horizontal-scroll-row{margin-bottom:0;padding-left:0;padding-right:0}.list-section-content .movies-container,.list-section-content .row-header{padding-left:0;padding-right:0}.recently-liked-crew-picks{background:var(--color-bg-page);width:100%;padding:40px 0}.recently-liked-crew-picks .content-container{gap:40px;min-width:0;max-width:1400px;margin:0 auto;padding:0 32px;display:flex}.recently-liked-crew-picks .left-section{flex:1}.recently-liked-crew-picks .right-section{flex-direction:column;flex:0 0 400px;gap:40px;display:flex}.recently-liked-list{flex-direction:column;gap:0;display:flex}.recently-liked-item{flex-direction:column;display:flex}.recently-liked-item .item-content{flex-flow:row;align-items:flex-start;gap:24px;padding:20px 0;display:flex}.recently-liked-item .item-left{flex:0 0 320px;width:320px;height:120px;position:relative}.movie-list-row{width:320px;height:120px;position:relative}.movie-list-row.large-mode{width:400px;height:240px}.recently-poster-link{cursor:pointer;border-radius:4px;width:80px;height:120px;transition:transform .2s;display:block;position:absolute;overflow:hidden;box-shadow:0 2px 8px #0000004d}.recently-poster-link:hover{transform:translateY(-8px)scale(1.05);z-index:10!important}.recently-poster-link:first-child{z-index:5;left:0}.recently-poster-link:nth-child(2){z-index:4;left:60px}.recently-poster-link:nth-child(3){z-index:3;left:120px}.recently-poster-link:nth-child(4){z-index:2;left:180px}.recently-poster-link:nth-child(5){z-index:1;left:240px}.recently-poster-img{object-fit:cover;width:100%;height:100%;display:block}.recently-poster-placeholder{background:var(--color-bg-menu-primary);justify-content:center;align-items:center;width:100%;height:100%;font-size:24px;display:flex}.crew-picks-list .movie-list-row{width:400px;height:240px}.crew-picks-list .recently-poster-link{width:160px;height:240px}.crew-picks-list .recently-poster-link:first-child{z-index:5;left:0}.crew-picks-list .recently-poster-link:nth-child(2){z-index:4;left:40px}.crew-picks-list .recently-poster-link:nth-child(3){z-index:3;left:80px}.crew-picks-list .recently-poster-link:nth-child(4){z-index:2;left:120px}.crew-picks-list .recently-poster-link:nth-child(5){z-index:1;left:160px}.recently-liked-item .item-right{flex:auto;min-width:0}.comment-card{width:100%}.comment-user{align-items:center;gap:12px;margin-bottom:12px;display:flex}.user-avatar{border-radius:50%;flex-shrink:0;width:32px;height:32px;overflow:hidden}.user-avatar .avatar-placeholder{background:var(--color-border-tertiary);width:100%;height:100%;color:var(--color-text-secondary);justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.username{color:var(--color-text-primary);font-size:14px;font-weight:600}.comment-content{color:var(--color-text-secondary);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-bottom:8px;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.comment-meta{color:var(--color-text-quinary);align-items:center;gap:12px;font-size:12px;display:flex}.item-divider{background:var(--color-border-tertiary);height:1px;margin:0}.crew-picks-section .list-section-title,.recently-liked-crew-picks .list-section-title{margin-bottom:16px}.crew-picks-list{flex-direction:column;gap:16px;display:flex}@media (max-width:1400px){.list-section-content,.recently-liked-crew-picks .content-container{padding:0 16px}.recently-liked-crew-picks .content-container{flex-direction:column}.recently-liked-crew-picks .right-section{flex:1}}@media (max-width:768px){.list-section{padding:24px 0}.list-section-content{padding:0 16px}.list-section-title{margin-bottom:16px;font-size:20px}.recently-liked-crew-picks{padding:24px 0}.recently-liked-crew-picks .content-container{gap:24px;padding:0 16px}.recently-liked-item .item-content{flex-direction:column;gap:16px}.recently-liked-item .item-left{flex:none;width:260px}.recently-liked-item .movie-list-row{width:260px}.recently-liked-item .recently-poster-link{width:60px;height:90px}.recently-liked-item .recently-poster-link:first-child{left:0}.recently-liked-item .recently-poster-link:nth-child(2){left:45px}.recently-liked-item .recently-poster-link:nth-child(3){left:90px}.recently-liked-item .recently-poster-link:nth-child(4){left:135px}.recently-liked-item .recently-poster-link:nth-child(5){left:180px}.crew-picks-list{gap:12px}.crew-picks-list .movie-list-row{width:280px;height:180px}.crew-picks-list .recently-poster-link{width:120px;height:180px}.crew-picks-list .recently-poster-link:first-child{left:0}.crew-picks-list .recently-poster-link:nth-child(2){left:30px}.crew-picks-list .recently-poster-link:nth-child(3){left:60px}.crew-picks-list .recently-poster-link:nth-child(4){left:90px}.crew-picks-list .recently-poster-link:nth-child(5){left:120px}.about-main,.faq-main,.declaration-main{padding:60px 16px 32px}.content-container{padding:32px 24px}.page-title{margin-bottom:24px;font-size:28px}.content{font-size:15px}}.top-rated-page{background:#000;flex-direction:column;width:100%;min-height:100vh;display:flex}.top-rated-main{flex-direction:column;flex:1;width:100%;display:flex}.top-rated-page .section-content{width:100%;min-width:0;max-width:1400px;margin:0 auto;padding:0 32px}.pyramid-top-section{background:linear-gradient(#000 0%,#0a0a0a 100%);width:100%;padding:60px 0}.pyramid-header{text-align:center;margin-bottom:48px}.pyramid-title{color:var(--color-text-primary);background:linear-gradient(135deg,var(--color-letterboxd-primary)0%,var(--color-letterboxd-primary-light)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:64px;font-weight:700}.pyramid-subtitle{color:var(--color-text-secondary);margin:0;font-size:20px}.pyramid-top-container{justify-content:center;align-items:flex-end;gap:24px;padding:40px 0;display:flex}.pyramid-top-item{cursor:pointer;color:inherit;flex-direction:column;align-items:center;text-decoration:none;transition:transform .3s;display:flex;position:relative}.pyramid-top-item:hover{transform:translateY(-10px)}.pyramid-top-item.rank-1{order:2}.pyramid-top-item.rank-2{order:1}.pyramid-top-item.rank-3{order:3}.rank-badge{background:linear-gradient(135deg,var(--color-letterboxd-primary)0%,var(--color-letterboxd-primary-light)100%);color:#000;z-index:10;width:60px;height:60px;box-shadow:0 4px 20px var(--color-shadow-primary);border-radius:50%;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.pyramid-top-item.rank-1 .rank-badge{width:80px;height:80px;font-size:32px;top:-30px}.top-poster{border-radius:12px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0009}.pyramid-top-item.rank-1 .top-poster{width:280px;height:420px}.pyramid-top-item.rank-2 .top-poster,.pyramid-top-item.rank-3 .top-poster{width:220px;height:330px}.poster-img{object-fit:cover;width:100%;height:100%;display:block}.poster-placeholder-bg{background:var(--color-bg-menu-primary);justify-content:center;align-items:center;width:100%;height:100%;font-size:48px;display:flex}.rating-overlay{background:linear-gradient(#0000 0%,#000000e6 100%);padding:20px;position:absolute;bottom:0;left:0;right:0}.rating-badge-large{color:#fff;align-items:center;gap:8px;display:flex}.rating-value{font-size:20px;font-weight:700}.rating-star{font-size:24px}.top-info{text-align:center;max-width:280px;margin-top:20px}.top-title{color:var(--color-text-primary);margin:0 0 8px;font-size:24px;font-weight:700}.pyramid-top-item.rank-2 .top-title,.pyramid-top-item.rank-3 .top-title{font-size:20px}.top-title-en{color:var(--color-text-secondary);margin:0 0 12px;font-size:16px;font-style:italic}.top-meta{color:var(--color-text-tertiary);justify-content:center;gap:12px;font-size:14px;display:flex}.rating-stairs-section{background:var(--color-bg-page);width:100%;padding:60px 0}.stairs-container{flex-direction:column;gap:32px;display:flex}.rating-tier{background:var(--color-bg-tertiary);border-left:4px solid var(--color-letterboxd-primary);border-radius:12px;padding:24px}.tier-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.tier-rating{flex-direction:column;gap:4px;display:flex}.rating-range{color:var(--color-letterboxd-primary);font-size:18px;font-weight:700}.rating-label{color:var(--color-text-secondary);font-size:14px}.tier-count{color:var(--color-text-tertiary);font-size:14px}.tier-movies{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;display:grid}.tier-movie-card{cursor:pointer;color:inherit;text-decoration:none;transition:transform .2s}.tier-movie-card:hover{transform:scale(1.05)}.tier-poster{aspect-ratio:2/3;border-radius:8px;width:100%;margin-bottom:8px;position:relative;overflow:hidden}.tier-poster-img{object-fit:cover;width:100%;height:100%}.tier-poster-placeholder{background:var(--color-bg-menu-primary);justify-content:center;align-items:center;width:100%;height:100%;font-size:32px;display:flex}.tier-rating-badge{color:var(--color-letterboxd-primary);background:#000c;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600;position:absolute;top:8px;right:8px}.tier-info{text-align:center}.tier-title{color:var(--color-text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-size:14px;font-weight:600;display:-webkit-box;overflow:hidden}.tier-year{color:var(--color-text-tertiary);font-size:12px}.timeline-rating-section{background:linear-gradient(#0a0a0a 0%,#000 100%);width:100%;padding:60px 0}.timeline-rating-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;display:grid}.timeline-rating-item{cursor:pointer;color:inherit;text-decoration:none;transition:transform .3s;position:relative}.timeline-rating-item:hover{transform:translateY(-5px)}.timeline-year{color:var(--color-text-tertiary);margin-bottom:8px;font-size:14px;font-weight:600}.timeline-poster{aspect-ratio:2/3;border-radius:8px;width:100%;margin-bottom:12px;position:relative;overflow:hidden}.timeline-img{object-fit:cover;width:100%;height:100%}.timeline-poster-placeholder{background:var(--color-bg-menu-primary);justify-content:center;align-items:center;width:100%;height:100%;font-size:32px;display:flex}.timeline-rating-bar{background:linear-gradient(90deg,var(--color-letterboxd-primary)0%,var(--color-letterboxd-primary-light)100%);height:4px;transition:width .3s;position:absolute;bottom:0;left:0}.timeline-info{justify-content:space-between;align-items:center;display:flex}.timeline-title{color:var(--color-text-primary);-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;flex:1;margin:0;font-size:14px;font-weight:600;display:-webkit-box;overflow:hidden}.timeline-rating-value{color:var(--color-letterboxd-primary);margin-left:8px;font-size:14px;font-weight:700}.rating-grid-section{background:var(--color-bg-page);width:100%;padding:60px 0}.rating-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px;display:grid}.rating-grid-card{cursor:pointer;color:inherit;text-decoration:none;transition:transform .3s}.rating-grid-card:hover{transform:translateY(-8px)}.grid-poster{aspect-ratio:2/3;border-radius:12px;width:100%;margin-bottom:12px;position:relative;overflow:hidden;box-shadow:0 4px 16px #0006}.grid-img{object-fit:cover;width:100%;height:100%}.grid-poster-placeholder{background:var(--color-bg-menu-primary);justify-content:center;align-items:center;width:100%;height:100%;font-size:48px;display:flex}.grid-overlay{opacity:0;background:linear-gradient(#0000 40%,#000c 100%);align-items:flex-end;padding:16px;transition:opacity .3s;display:flex;position:absolute;inset:0}.rating-grid-card:hover .grid-overlay{opacity:1}.grid-rating{color:#fff;align-items:center;gap:6px;display:flex}.grid-rating-value{font-size:20px;font-weight:700}.grid-rating-star{font-size:18px}.grid-info{text-align:center}.grid-title{color:var(--color-text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-size:16px;font-weight:600;display:-webkit-box;overflow:hidden}.grid-title-en{color:var(--color-text-secondary);-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;margin:0 0 8px;font-size:14px;font-style:italic;display:-webkit-box;overflow:hidden}.grid-meta{color:var(--color-text-tertiary);justify-content:center;gap:8px;font-size:12px;display:flex}@media (max-width:1400px){.top-rated-page .section-content{padding:0 16px}}@media (max-width:768px){.top-rated-page{overflow-x:hidden}.top-rated-page .section-content{padding:0 16px}.pyramid-top-section{padding:32px 0 40px}.pyramid-header{margin-bottom:24px}.pyramid-title{font-size:32px}.pyramid-subtitle{font-size:14px}.pyramid-top-container{flex-direction:row;justify-content:center;align-items:flex-end;gap:8px;padding:24px 0}.pyramid-top-item.rank-1{order:2}.pyramid-top-item.rank-2{order:1}.pyramid-top-item.rank-3{order:3}.pyramid-top-item.rank-1 .top-poster{width:110px;height:165px}.pyramid-top-item.rank-2 .top-poster,.pyramid-top-item.rank-3 .top-poster{width:85px;height:128px}.rank-badge{width:36px;height:36px;font-size:14px;top:-12px}.pyramid-top-item.rank-1 .rank-badge{width:44px;height:44px;font-size:18px;top:-16px}.rating-overlay{padding:8px}.rating-badge-large .rating-value{font-size:12px}.rating-badge-large .rating-star{font-size:14px}.top-info{max-width:110px;margin-top:10px}.top-title{margin-bottom:4px;font-size:12px}.pyramid-top-item.rank-2 .top-title,.pyramid-top-item.rank-3 .top-title{font-size:11px}.top-title-en{margin-bottom:6px;font-size:10px}.top-meta{gap:6px;font-size:10px}.top-meta .meta-year,.top-meta .meta-genre{word-break:break-word;overflow-wrap:break-word}.rating-stairs-section{padding:24px 0}.rating-stairs-section .list-section-title{margin-bottom:16px;font-size:18px}.rating-tier{padding:16px}.tier-header{margin-bottom:12px}.tier-movies{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px}.tier-title{font-size:12px}.tier-year{font-size:11px}.timeline-rating-section{padding:24px 0}.timeline-rating-section .list-section-title{margin-bottom:16px;font-size:18px}.timeline-rating-container{grid-template-columns:repeat(2,1fr);gap:12px}.timeline-year,.timeline-title,.timeline-rating-value{font-size:12px}.rating-grid-section{padding:24px 0}.rating-grid-section .list-section-title{margin-bottom:16px;font-size:18px}.rating-grid{grid-template-columns:repeat(2,1fr);gap:12px}.grid-title{font-size:14px}.grid-title-en{font-size:12px}.grid-meta{font-size:11px}}@media (max-width:400px){.pyramid-top-container{gap:6px}.pyramid-top-item.rank-1 .top-poster{width:95px;height:143px}.pyramid-top-item.rank-2 .top-poster,.pyramid-top-item.rank-3 .top-poster{width:72px;height:108px}.rank-badge{width:30px;height:30px;font-size:12px;top:-10px}.pyramid-top-item.rank-1 .rank-badge{width:36px;height:36px;font-size:15px;top:-12px}.top-info{max-width:95px}.top-title{font-size:11px}.pyramid-top-item.rank-2 .top-title,.pyramid-top-item.rank-3 .top-title{font-size:10px}.top-title-en,.top-meta{font-size:9px}}.now-playing-page{background:#000;flex-direction:column;width:100%;min-height:100vh;display:flex}.now-playing-main{flex-direction:column;flex:1;width:100%;display:flex}.now-playing-page .section-content{width:100%;min-width:0;max-width:1400px;margin:0 auto;padding:0 32px}.now-playing-page .timeline-section{background:var(--color-bg-page);width:100%;padding:60px 0}.now-playing-page .timeline-header{text-align:center;margin-bottom:48px}.now-playing-page .timeline-title{color:var(--color-text-primary);background:linear-gradient(135deg,var(--color-letterboxd-primary)0%,var(--color-letterboxd-primary-light)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:48px;font-weight:700}.now-playing-page .timeline-subtitle{color:var(--color-text-secondary);margin:0;font-size:18px}.now-playing-page .timeline-container{padding-left:60px;position:relative}.now-playing-page .timeline-container:before{content:"";background:linear-gradient(180deg,var(--color-letterboxd-primary)0%,transparent 100%);width:2px;position:absolute;top:0;bottom:0;left:20px}.now-playing-page .timeline-item{align-items:flex-start;gap:32px;margin-bottom:60px;display:flex;position:relative}.now-playing-page .timeline-item.featured{margin-bottom:80px}.now-playing-page .timeline-marker{background:var(--color-letterboxd-primary);border:4px solid var(--color-bg-page);width:20px;height:20px;box-shadow:0 0 0 4px var(--color-shadow-primary-light);z-index:2;border-radius:50%;position:absolute;top:0;left:-50px}.now-playing-page .timeline-item.featured .timeline-marker{width:28px;height:28px;box-shadow:0 0 0 6px var(--color-shadow-primary);left:-54px}.now-playing-page .timeline-content{flex:1;align-items:flex-start;gap:24px;display:flex}.now-playing-page .timeline-poster{background:var(--color-bg-tertiary);border-radius:4px;flex-shrink:0;width:120px;height:180px;transition:transform .2s;display:block;overflow:hidden;box-shadow:0 2px 8px #0000004d}.now-playing-page .timeline-poster:hover{transform:translateY(-8px)scale(1.05)}.now-playing-page .timeline-poster-featured{width:200px;height:300px}.now-playing-page .timeline-poster-img{object-fit:cover;width:100%;height:100%;display:block}.now-playing-page .timeline-poster-placeholder{justify-content:center;align-items:center;width:100%;height:100%;font-size:48px;display:flex}.now-playing-page .timeline-info{text-align:left;flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.now-playing-page .movie-title{color:var(--color-text-primary);align-self:stretch;margin:0 0 8px;font-size:28px;font-weight:700}.now-playing-page .timeline-item.featured .movie-title{font-size:36px}.now-playing-page .movie-title-en{color:var(--color-text-secondary);align-self:stretch;margin:0 0 16px;font-size:18px;font-style:italic}.now-playing-page .movie-meta{flex-wrap:wrap;align-self:flex-start;gap:16px;margin-bottom:16px;display:flex}.now-playing-page .meta-item{color:var(--color-text-tertiary);font-size:14px}.now-playing-page .meta-item.rating{color:var(--color-letterboxd-primary);font-weight:600}.now-playing-page .movie-description{color:var(--color-text-secondary);align-self:stretch;margin:0;font-size:16px;line-height:1.6}.now-playing-page .category-grid-section{background:var(--color-bg-secondary);width:100%;padding:60px 0}.now-playing-page .category-tabs{flex-wrap:wrap;gap:12px;margin-bottom:32px;display:flex}.now-playing-page .category-tab{background:var(--color-bg-tertiary);color:var(--color-text-secondary);cursor:pointer;border:2px solid #0000;border-radius:24px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s}.now-playing-page .category-tab:hover{background:var(--color-bg-quaternary);color:var(--color-text-primary)}.now-playing-page .category-tab.active{background:var(--color-letterboxd-primary);color:#000;border-color:var(--color-letterboxd-primary)}.now-playing-page .category-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px;display:grid}.now-playing-page .category-card{cursor:pointer;color:inherit;text-decoration:none;transition:transform .3s}.now-playing-page .category-card:hover{transform:translateY(-8px)}.now-playing-page .card-poster{aspect-ratio:2/3;background:var(--color-bg-tertiary);border-radius:8px;width:100%;margin-bottom:12px;position:relative;overflow:hidden}.now-playing-page .poster-image{object-fit:cover;width:100%;height:100%;display:block}.now-playing-page .card-poster .poster-placeholder{justify-content:center;align-items:center;width:100%;height:100%;font-size:40px;display:flex}.now-playing-page .card-overlay{opacity:0;background:linear-gradient(#0000 50%,#000c 100%);align-items:flex-end;padding:12px;transition:opacity .3s;display:flex;position:absolute;inset:0}.now-playing-page .category-card:hover .card-overlay{opacity:1}.now-playing-page .overlay-rating{color:#fff;font-size:14px;font-weight:600}.now-playing-page .card-info{text-align:center}.now-playing-page .card-title{color:var(--color-text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-size:14px;font-weight:600;display:-webkit-box;overflow:hidden}.now-playing-page .card-year{color:var(--color-text-tertiary);font-size:12px}.now-playing-page .photo-wall-section{background:var(--color-bg-page);width:100%;padding:60px 0;position:relative;overflow:hidden}.now-playing-page .photo-wall-wrapper{max-width:1400px;margin:0 auto}.now-playing-page .photo-wall-container{width:100%;min-height:800px;padding:40px 0;position:relative}.now-playing-page .photo-wall-item{cursor:pointer;color:inherit;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute}.now-playing-page .photo-wall-item:hover{z-index:1000;filter:drop-shadow(0 20px 40px #00000080);transform:scale(1.3)rotate(0)!important}.now-playing-page .photo-wall-item.size-small{width:140px;height:210px}.now-playing-page .photo-wall-item.size-medium{width:180px;height:270px}.now-playing-page .photo-wall-item.size-large{width:220px;height:330px}.now-playing-page .photo-poster{background:var(--color-bg-tertiary);border-radius:8px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000004d}.now-playing-page .photo-img{object-fit:cover;width:100%;height:100%;display:block}.now-playing-page .photo-placeholder{justify-content:center;align-items:center;width:100%;height:100%;font-size:40px;display:flex}.now-playing-page .photo-overlay{opacity:0;background:linear-gradient(#0000 40%,#000000e6 100%);align-items:flex-end;padding:16px;transition:opacity .3s;display:flex;position:absolute;inset:0}.now-playing-page .photo-wall-item:hover .photo-overlay{opacity:1}.now-playing-page .photo-title{color:#fff;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:14px;font-weight:600;display:-webkit-box;overflow:hidden}.now-playing-page .photo-wall-item.size-large .photo-title{font-size:16px}.now-playing-page .photo-meta{color:#fffc;gap:12px;font-size:12px;display:flex}.now-playing-page .comparison-section{background:var(--color-bg-secondary);width:100%;padding:60px 0}.now-playing-page .comparison-container{grid-template-columns:1fr 1fr;gap:40px;display:grid}.now-playing-page .comparison-column{background:var(--color-bg-tertiary);border-radius:12px;padding:32px}.now-playing-page .column-title{color:var(--color-text-primary);border-bottom:2px solid var(--color-border-tertiary);margin:0 0 24px;padding-bottom:16px;font-size:24px;font-weight:700}.now-playing-page .comparison-list{flex-direction:column;gap:16px;display:flex}.now-playing-page .comparison-item{background:var(--color-bg-page);color:inherit;border-radius:8px;align-items:center;gap:16px;padding:12px;text-decoration:none;transition:all .3s;display:flex}.now-playing-page .comparison-item:hover{background:var(--color-bg-quaternary);transform:translate(8px)}.now-playing-page .item-rank{color:var(--color-letterboxd-primary);text-align:center;min-width:40px;font-size:24px;font-weight:700}.now-playing-page .item-poster-small{background:var(--color-bg-tertiary);border-radius:4px;flex-shrink:0;width:60px;height:90px;overflow:hidden}.now-playing-page .small-poster{object-fit:cover;width:100%;height:100%}.now-playing-page .small-poster-placeholder{justify-content:center;align-items:center;width:100%;height:100%;font-size:24px;display:flex}.now-playing-page .item-details{flex:1;min-width:0}.now-playing-page .item-title{color:var(--color-text-primary);-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;margin:0 0 8px;font-size:16px;font-weight:600;display:-webkit-box;overflow:hidden}.now-playing-page .item-meta{color:var(--color-text-tertiary);gap:12px;font-size:12px;display:flex}@media (max-width:1400px){.now-playing-page .section-content{padding:0 16px}}@media (max-width:768px){.now-playing-page{overflow-x:hidden}.now-playing-page .section-content{padding:0 16px}.now-playing-page .timeline-section{padding:28px 0 32px}.now-playing-page .timeline-header{margin-bottom:24px}.now-playing-page .timeline-title{font-size:28px}.now-playing-page .timeline-subtitle{font-size:14px}.now-playing-page .timeline-container{padding-left:0}.now-playing-page .timeline-container:before{display:none}.now-playing-page .timeline-item{flex-direction:row;align-items:flex-start;gap:16px;margin-bottom:24px}.now-playing-page .timeline-item.featured{margin-bottom:28px}.now-playing-page .timeline-marker{display:none}.now-playing-page .timeline-content{flex-direction:row;flex:1;gap:16px;min-width:0}.now-playing-page .timeline-poster{flex-shrink:0;width:90px;height:135px}.now-playing-page .timeline-poster-featured{width:120px;height:180px}.now-playing-page .timeline-poster-placeholder{font-size:32px}.now-playing-page .timeline-info{flex:1;min-width:0}.now-playing-page .movie-title{margin-bottom:4px;font-size:16px}.now-playing-page .timeline-item.featured .movie-title{font-size:18px}.now-playing-page .movie-title-en{margin-bottom:8px;font-size:13px}.now-playing-page .movie-meta{gap:12px;margin-bottom:8px}.now-playing-page .meta-item{font-size:12px}.now-playing-page .movie-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.now-playing-page .category-grid-section{padding:28px 0 32px}.now-playing-page .category-grid-section .list-section-title{margin-bottom:16px;font-size:18px}.now-playing-page .category-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:8px;margin-bottom:20px;padding-bottom:4px;overflow:auto hidden}.now-playing-page .category-tabs::-webkit-scrollbar{display:none}.now-playing-page .category-tab{flex-shrink:0;padding:8px 16px;font-size:13px}.now-playing-page .category-grid{grid-template-columns:repeat(2,1fr);gap:12px}.now-playing-page .card-poster{margin-bottom:8px}.now-playing-page .card-title{font-size:13px}.now-playing-page .card-year{font-size:11px}.now-playing-page .category-card .card-overlay{opacity:1;background:linear-gradient(#0000 40%,#000000d9 100%)}.now-playing-page .overlay-rating{font-size:12px}.now-playing-page .photo-wall-section{padding:28px 0 32px;overflow:visible}.now-playing-page .photo-wall-section .list-section-title{margin-bottom:16px;font-size:18px}.now-playing-page .photo-wall-wrapper{margin:0 -16px;padding:0 16px}.now-playing-page .photo-wall-container{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;flex-direction:row;gap:12px;min-height:auto;padding:0 0 8px;display:flex;position:relative;overflow:auto hidden}.now-playing-page .photo-wall-container::-webkit-scrollbar{display:none}.now-playing-page .photo-wall-item{scroll-snap-align:start;flex:0 0 130px;width:130px;min-width:130px;height:auto;position:relative;top:auto!important;left:auto!important;transform:none!important}.now-playing-page .photo-wall-item.size-small,.now-playing-page .photo-wall-item.size-medium,.now-playing-page .photo-wall-item.size-large{aspect-ratio:2/3;width:130px;min-width:130px}.now-playing-page .photo-wall-item .photo-poster{height:100%;min-height:195px}.now-playing-page .photo-wall-item:hover,.now-playing-page .photo-wall-item:active{transform:scale(1.03)!important}.now-playing-page .photo-overlay{opacity:1;background:linear-gradient(#0000 35%,#000000e6 100%);padding:10px}.now-playing-page .photo-title{-webkit-line-clamp:2;line-clamp:2;margin-bottom:4px;font-size:12px}.now-playing-page .photo-meta{gap:6px;font-size:11px}.now-playing-page .comparison-section{padding:28px 0 32px}.now-playing-page .comparison-section .list-section-title{margin-bottom:16px;font-size:18px}.now-playing-page .comparison-container{grid-template-columns:1fr;gap:20px}.now-playing-page .comparison-column{padding:20px 16px}.now-playing-page .column-title{margin-bottom:16px;padding-bottom:12px;font-size:18px}.now-playing-page .comparison-list{gap:12px}.now-playing-page .comparison-item{gap:12px;padding:10px}.now-playing-page .item-rank{min-width:32px;font-size:18px}.now-playing-page .item-poster-small{width:50px;height:75px}.now-playing-page .small-poster-placeholder{font-size:20px}.now-playing-page .item-title{font-size:14px}.now-playing-page .item-meta{gap:8px;font-size:11px}.now-playing-page .movie-title,.now-playing-page .item-title,.now-playing-page .card-title,.now-playing-page .photo-title{word-break:break-word;overflow-wrap:break-word}}@media (max-width:400px){.now-playing-page .photo-wall-item{flex:0 0 110px;width:110px;min-width:110px}.now-playing-page .photo-wall-item.size-small,.now-playing-page .photo-wall-item.size-medium,.now-playing-page .photo-wall-item.size-large{width:110px;min-width:110px}.now-playing-page .photo-wall-item .photo-poster{min-height:165px}.now-playing-page .photo-wall-container{gap:10px}}.detail-page{background:var(--color-bg-secondary);min-height:100vh;color:var(--color-text-primary)}.detail-page .hero-section{background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:flex-end;width:100%;min-height:40vh;margin-bottom:0;padding:60px 32px 48px;display:flex;position:relative}.detail-page .hero-overlay{background:linear-gradient(180deg,transparent 0%,var(--color-shadow-lg)35%,var(--color-bg-overlay-dark)100%);position:absolute;inset:0}.detail-page .hero-content{z-index:2;flex-direction:column;align-items:flex-start;width:100%;max-width:1400px;margin:0 auto;display:flex;position:relative}.detail-page .back-button{background:var(--color-border-tertiary);border:1px solid var(--color-border-primary);color:var(--color-text-primary);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;align-items:center;gap:8px;width:fit-content;margin-bottom:24px;padding:8px 16px;font-size:14px;transition:all .3s;display:inline-flex}.detail-page .back-button:hover{background:var(--color-border-secondary);transform:translate(-4px)}.detail-page .hero-info{flex-direction:column;align-items:flex-start;max-width:800px;display:flex}.detail-page .hero-title{text-shadow:2px 2px 8px var(--color-shadow-3xl);margin:0 0 12px;font-size:56px;font-weight:800;line-height:1.2}.detail-page .hero-title-en{color:var(--color-text-tertiary);margin:0 0 24px;font-size:24px;font-weight:400}.detail-page .hero-meta{flex-wrap:wrap;gap:24px;margin-bottom:20px;display:flex}.detail-page .meta-item{color:var(--color-text-secondary);align-items:center;gap:6px;font-size:16px;display:flex}.detail-page .meta-item svg{color:var(--color-primary)}.detail-page .hero-genres{flex-wrap:wrap;gap:12px;margin-bottom:32px;display:flex}.detail-page .genre-badge{background:var(--color-border-secondary);border:1px solid var(--color-border-primary-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:6px 16px;font-size:14px}.detail-page .play-button-hero{background:var(--color-primary);color:#000;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:12px;width:fit-content;padding:16px 32px;font-size:18px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.detail-page .play-button-hero:hover{background:var(--color-primary-light);box-shadow:0 8px 24px var(--color-shadow-primary);transform:translateY(-2px)}.detail-page .loading-section{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:60vh;display:flex}.detail-page .loading-spinner{border:4px solid var(--color-border-tertiary);border-top-color:var(--color-primary);border-radius:50%;width:50px;height:50px;animation:1s linear infinite detail-spin}@keyframes detail-spin{to{transform:rotate(360deg)}}.detail-page .detail-main{max-width:1400px;margin:0 auto;padding:60px 32px}.detail-page .content-container{grid-template-columns:320px 1fr;gap:40px;display:grid}.detail-page .left-column{flex-direction:column;gap:24px;display:flex}.detail-page .poster-card{background:var(--color-border-quaternary);border:1px solid var(--color-border-tertiary);border-radius:16px;overflow:hidden}.detail-page .poster-image{width:100%;height:auto;display:block}.detail-page .poster-placeholder{aspect-ratio:2/3;background:var(--color-border-quaternary);width:100%;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.detail-page .info-card{background:var(--color-border-quaternary);border:1px solid var(--color-border-tertiary);border-radius:16px;padding:24px}.detail-page .card-title{color:var(--color-primary);margin:0 0 20px;font-size:20px;font-weight:700}.detail-page .info-list{flex-direction:column;gap:16px;display:flex}.detail-page .info-item{flex-direction:column;gap:4px;display:flex}.detail-page .info-label{color:var(--color-text-quinary);text-transform:uppercase;letter-spacing:.5px;font-size:13px}.detail-page .info-value{color:var(--color-text-secondary);font-size:15px}.detail-page .right-column{flex-direction:column;gap:32px;display:flex}.detail-page .description-card,.detail-page .actors-card{background:var(--color-border-quaternary);border:1px solid var(--color-border-tertiary);border-radius:16px;padding:32px}.detail-page .section-title{color:var(--color-primary);margin:0 0 20px;font-size:24px;font-weight:700}.detail-page .description-text{color:var(--color-text-tertiary);margin:0;font-size:16px;line-height:1.8}.detail-page .actors-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px;display:grid}.detail-page .actor-card{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.detail-page .actor-image-container{background:var(--color-border-tertiary);border:2px solid var(--color-border-primary);border-radius:50%;width:120px;height:120px;overflow:hidden}.detail-page .actor-image{object-fit:cover;width:100%;height:100%}.detail-page .actor-placeholder{width:100%;height:100%;color:var(--color-text-disabled);justify-content:center;align-items:center;display:flex}.detail-page .actor-details{flex-direction:column;gap:4px;display:flex}.detail-page .actor-name{color:var(--color-text-secondary);font-size:15px;font-weight:600}.detail-page .actor-character{color:var(--color-text-quinary);font-size:13px}.detail-page .actors-list-simple{color:var(--color-text-tertiary);font-size:15px;line-height:1.8}.detail-page .actor-name-simple{color:var(--color-text-tertiary)}.detail-footer{background:linear-gradient(180deg,var(--color-bg-secondary)0%,var(--color-bg-tertiary)100%);border-top:1px solid var(--color-border-tertiary);margin-top:48px;padding:48px 32px}.detail-footer .footer-content{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;max-width:1200px;margin:0 auto;display:grid}.detail-footer .footer-section{flex-direction:column;display:flex}.detail-footer .section-title{color:var(--color-text-primary);margin-bottom:16px;font-size:18px;font-weight:600}.detail-footer .section-text{color:var(--color-text-tertiary);margin:0;font-size:14px;line-height:1.8}.detail-footer .info-list{margin:0;padding:0;list-style:none}.detail-footer .info-list li{color:var(--color-text-tertiary);padding:8px 0 8px 20px;font-size:14px;line-height:1.8;position:relative}.detail-footer .info-list li:before{content:"•";color:var(--color-text-quinary);position:absolute;left:0}@media (max-width:1024px){.detail-page .content-container{grid-template-columns:280px 1fr;gap:32px}.detail-page .hero-title{font-size:42px}}@media (max-width:768px){.detail-page .hero-section{min-height:36vh;padding:48px 20px 32px}.detail-page .hero-title{font-size:32px}.detail-page .hero-title-en{font-size:18px}.detail-page .content-container{grid-template-columns:1fr;gap:24px}.detail-page .left-column{order:2}.detail-page .right-column{order:1}.detail-page .poster-card{max-width:240px;margin:0 auto}.detail-page .actors-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px}.detail-page .actor-image-container{width:100px;height:100px}.detail-page .detail-main{padding:40px 20px}.detail-page .description-card,.detail-page .actors-card{padding:24px}.detail-footer{margin-top:32px;padding:32px 16px}.detail-footer .footer-content{grid-template-columns:1fr;gap:24px}.detail-footer .section-title{margin-bottom:12px;font-size:16px}.detail-footer .section-text,.detail-footer .info-list li{font-size:13px}}.detail-page-redesign{background:var(--color-bg-primary);width:100%;min-height:100vh;overflow-x:hidden}.detail-page-redesign .detail-hero{background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:flex-end;min-height:70vh;padding:0 32px 80px;display:flex;position:relative}.detail-page-redesign .detail-hero-overlay{background:linear-gradient(180deg,#0003 0%,#0009 50%,var(--color-bg-primary)100%);pointer-events:none;position:absolute;inset:0}.detail-page-redesign .detail-hero-content{z-index:2;width:100%;min-width:0;max-width:1400px;margin:0 auto;position:relative}.detail-page-redesign .detail-hero-main{align-items:flex-end;gap:48px;display:flex}.detail-page-redesign .detail-poster-wrap{border:2px solid #ffffff1a;border-radius:12px;flex-shrink:0;width:220px;overflow:hidden;box-shadow:0 24px 60px #0009}.detail-page-redesign .detail-poster-img{aspect-ratio:2/3;object-fit:cover;width:100%;display:block}.detail-page-redesign .detail-poster-placeholder{aspect-ratio:2/3;background:var(--color-bg-tertiary);opacity:.5;justify-content:center;align-items:center;width:100%;font-size:64px;display:flex}.detail-page-redesign .detail-hero-info{flex:1;padding-bottom:8px}.detail-page-redesign .detail-title{color:var(--color-text-primary);text-shadow:0 2px 20px #000c;margin:0 0 8px;font-size:48px;font-weight:800;line-height:1.15}.detail-page-redesign .detail-title-en{color:var(--color-text-tertiary);margin:0 0 20px;font-size:20px;font-weight:400}.detail-page-redesign .detail-meta-row{flex-wrap:wrap;gap:24px;margin-bottom:16px;display:flex}.detail-page-redesign .detail-meta-item{color:var(--color-text-secondary);align-items:center;gap:6px;font-size:16px;display:flex}.detail-page-redesign .detail-meta-item.detail-rating svg{color:var(--color-primary)}.detail-page-redesign .detail-genres{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.detail-page-redesign .detail-genre-tag{border:1px solid var(--color-border-primary);color:var(--color-primary-light);background:#a855f733;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600}.detail-page-redesign .detail-play-btn{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-light)100%);color:#000;box-shadow:0 8px 24px var(--color-shadow-primary);border:none;border-radius:12px;align-items:center;gap:12px;padding:16px 36px;font-size:18px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.detail-page-redesign .detail-play-btn:hover{box-shadow:0 12px 32px var(--color-shadow-primary-dark);transform:translateY(-3px)}.detail-page-redesign .detail-body{padding:48px 32px 64px}.detail-page-redesign .detail-body-inner{width:100%;min-width:0;max-width:1400px;margin:0 auto}.detail-page-redesign .detail-grid{grid-template-columns:280px 1fr;gap:48px;display:grid}.detail-page-redesign .detail-sidebar{flex-direction:column;gap:24px;display:flex}.detail-page-redesign .detail-info-block,.detail-page-redesign .detail-desc-block,.detail-page-redesign .detail-actors-block{background:var(--color-bg-card);border:1px solid var(--color-border-quinary);border-radius:16px;padding:28px}.detail-page-redesign .detail-block-title{color:var(--color-primary);margin:0 0 20px;font-size:18px;font-weight:700}.detail-page-redesign .detail-info-list{flex-direction:column;gap:16px;margin:0;display:flex}.detail-page-redesign .detail-info-row{grid-template-columns:100px 1fr;gap:12px;display:grid}.detail-page-redesign .detail-info-row dt{color:var(--color-text-quinary);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:13px}.detail-page-redesign .detail-info-row dd{color:var(--color-text-secondary);margin:0;font-size:15px}.detail-page-redesign .detail-main-content{flex-direction:column;gap:32px;display:flex}.detail-page-redesign .detail-desc-text{color:var(--color-text-tertiary);margin:0;font-size:16px;line-height:1.85}.detail-page-redesign .detail-actors-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:24px;display:grid}.detail-page-redesign .detail-actor-item{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.detail-page-redesign .detail-actor-avatar{background:var(--color-bg-tertiary);border:2px solid var(--color-border-primary);border-radius:50%;width:100px;height:100px;overflow:hidden}.detail-page-redesign .detail-actor-img{object-fit:cover;width:100%;height:100%}.detail-page-redesign .detail-actor-name{color:var(--color-text-primary);font-size:14px;font-weight:600}.detail-page-redesign .detail-actor-role{color:var(--color-text-quinary);font-size:12px}.detail-page-redesign .detail-actors-inline{color:var(--color-text-tertiary);font-size:15px;line-height:1.8}.detail-page-redesign .detail-actor-name-simple{color:var(--color-text-tertiary)}.detail-page-redesign .detail-episodes-block{background:var(--color-bg-card);border:1px solid var(--color-border-quinary);border-radius:16px;padding:28px;position:absolute;top:-99999px;left:-99999px}.detail-page-redesign .detail-episodes-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.detail-page-redesign .detail-episode-link{background:var(--color-bg-tertiary);border:1px solid var(--color-border-quinary);color:inherit;border-radius:10px;flex-direction:column;gap:4px;padding:12px 16px;text-decoration:none;transition:all .2s;display:flex}.detail-page-redesign .detail-episode-link:hover{border-color:var(--color-primary);background:var(--color-bg-menu-secondary);color:var(--color-primary)}.detail-page-redesign .detail-episode-num{color:var(--color-text-quinary);text-transform:uppercase;font-size:12px;font-weight:600}.detail-page-redesign .detail-episode-title{color:var(--color-text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:500;display:-webkit-box;overflow:hidden}.detail-page-redesign .detail-comments-block{background:var(--color-bg-card);border:1px solid var(--color-border-quinary);border-radius:16px;padding:28px}.detail-page-redesign .detail-comments-loading,.detail-page-redesign .detail-comments-empty{color:var(--color-text-quinary);margin:0;font-size:15px}.detail-page-redesign .detail-comments-list{flex-direction:column;gap:24px;display:flex}.detail-page-redesign .detail-comment-item{border-bottom:1px solid var(--color-border-quinary);gap:16px;padding-bottom:24px;display:flex}.detail-page-redesign .detail-comment-item:last-of-type{border-bottom:none;padding-bottom:0}.detail-page-redesign .detail-comment-avatar{background:var(--color-bg-tertiary);border-radius:50%;flex-shrink:0;width:44px;height:44px;overflow:hidden}.detail-page-redesign .detail-comment-avatar-img{object-fit:cover;width:100%;height:100%}.detail-page-redesign .detail-comment-avatar-placeholder{background:var(--color-primary);color:#000;justify-content:center;align-items:center;width:100%;height:100%;font-size:18px;font-weight:700;display:flex}.detail-page-redesign .detail-comment-body{flex:1;min-width:0}.detail-page-redesign .detail-comment-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.detail-page-redesign .detail-comment-author{color:var(--color-text-primary);font-size:15px;font-weight:600}.detail-page-redesign .detail-comment-date{color:var(--color-text-quinary);font-size:13px}.detail-page-redesign .detail-comment-content{color:var(--color-text-tertiary);white-space:pre-wrap;word-break:break-word;margin:0 0 8px;font-size:15px;line-height:1.6}.detail-page-redesign .detail-comment-meta{color:var(--color-text-quinary);gap:16px;font-size:13px;display:flex}.detail-page-redesign .detail-comments-load-more{background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);color:var(--color-primary);cursor:pointer;border-radius:10px;margin-top:16px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s}.detail-page-redesign .detail-comments-load-more:hover{border-color:var(--color-primary-light);background:#a855f726}@media (max-width:1024px){.detail-page-redesign .detail-hero-main{gap:32px}.detail-page-redesign .detail-title{font-size:36px}.detail-page-redesign .detail-grid{grid-template-columns:1fr}.detail-page-redesign .detail-sidebar{order:2}}@media (max-width:768px){.detail-page-redesign{overflow-x:hidden}.detail-page-redesign .detail-hero{min-height:55vh;padding:0 16px 40px}.detail-page-redesign .detail-hero-content{width:100%;padding:0}.detail-page-redesign .detail-hero-main{text-align:center;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:100%}.detail-page-redesign .detail-poster-wrap{width:140px;max-width:50vw}.detail-page-redesign .detail-hero-info{flex-direction:column;align-items:center;width:100%;padding-bottom:0;display:flex}.detail-page-redesign .detail-title{text-align:center;word-break:break-word;font-size:22px;line-height:1.3}.detail-page-redesign .detail-title-en{text-align:center;font-size:14px}.detail-page-redesign .detail-meta-row{justify-content:center;gap:16px}.detail-page-redesign .detail-meta-item{font-size:13px}.detail-page-redesign .detail-genres{justify-content:center;gap:8px}.detail-page-redesign .detail-genre-tag{padding:4px 10px;font-size:12px}.detail-page-redesign .detail-play-btn{justify-content:center;width:100%;max-width:280px;padding:14px 24px;font-size:16px}.detail-page-redesign .detail-body{width:100%;padding:24px 16px 40px;overflow-x:hidden}.detail-page-redesign .detail-body-inner{width:100%;padding:0}.detail-page-redesign .detail-grid{flex-direction:column;gap:24px;width:100%;max-width:100%;display:flex}.detail-page-redesign .detail-sidebar,.detail-page-redesign .detail-main-content{width:100%;min-width:0;max-width:100%}.detail-page-redesign .detail-info-block,.detail-page-redesign .detail-desc-block,.detail-page-redesign .detail-actors-block,.detail-page-redesign .detail-comments-block{box-sizing:border-box;width:100%;max-width:100%;padding:20px 16px}.detail-page-redesign .detail-info-row{grid-template-columns:80px 1fr;gap:8px}.detail-page-redesign .detail-info-row dt,.detail-page-redesign .detail-info-row dd{word-break:break-word;font-size:13px}.detail-page-redesign .detail-desc-text{font-size:15px;line-height:1.75}.detail-page-redesign .detail-actors-grid{grid-template-columns:repeat(3,1fr);justify-items:center;gap:12px}.detail-page-redesign .detail-actor-item{width:100%;max-width:90px}.detail-page-redesign .detail-actor-avatar{width:64px;height:64px;margin:0 auto}.detail-page-redesign .detail-actor-name{font-size:12px}.detail-page-redesign .detail-actor-role{font-size:11px}.detail-page-redesign .detail-actors-inline{text-align:center;font-size:14px}.detail-page-redesign .detail-comment-item{flex-direction:column;gap:12px}.detail-page-redesign .detail-comment-avatar{width:36px;height:36px}.detail-page-redesign .detail-comment-content{font-size:14px}.detail-page-redesign .detail-block-title{margin-bottom:16px;font-size:16px}.detail-page-redesign .detail-desc-text,.detail-page-redesign .detail-info-row dd,.detail-page-redesign .detail-comment-content{word-break:break-word;overflow-wrap:break-word}}.play-page{color:#fff;min-height:100vh;position:relative}.play-page .top-bar{z-index:100;background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border-tertiary);align-items:center;gap:24px;padding:16px 32px;display:flex;position:sticky;top:0}.play-page .back-button{background:var(--color-border-tertiary);border:1px solid var(--color-border-primary);color:var(--color-text-primary);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;text-decoration:none;transition:all .3s;display:flex}.play-page .back-button:hover{background:var(--color-border-secondary);color:var(--color-text-primary);transform:translate(-4px)}.play-page .title-section{flex:1;align-items:center;gap:16px;display:flex}.play-page .page-title{color:var(--color-text-primary);margin:0;font-size:24px;font-weight:700}.play-page .episode-badge{background:var(--color-shadow-primary-light);border:1px solid var(--color-shadow-primary);color:var(--color-primary);border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600}.play-page .play-main{grid-template-columns:1fr 380px;gap:32px;max-width:1600px;margin:0 auto;padding:32px;display:grid}.play-page .player-section{flex-direction:column;gap:24px;display:flex}.play-page .player-container{width:100%;position:relative}.play-page .player-wrapper{aspect-ratio:16/9;background:var(--color-bg-primary);width:100%;box-shadow:0 8px 32px var(--color-shadow-3xl);border-radius:16px;position:relative;overflow:hidden}.play-page .player-video{object-fit:contain;background:var(--color-bg-primary);width:100%;height:100%}.play-page .play-button-inner{background:var(--color-primary);cursor:pointer;color:#000;width:80px;height:80px;box-shadow:0 4px 20px var(--color-shadow-3xl);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.play-page .play-button-inner:hover{box-shadow:0 6px 30px var(--color-shadow-primary-dark);opacity:.9;transform:scale(1.1)}.play-page .play-button-inner svg{margin-left:4px}.play-page .player-overlay{background:var(--color-bg-overlay-light);cursor:pointer;justify-content:center;align-items:center;transition:background .3s;display:flex;position:absolute;inset:0}.play-page .player-overlay:hover{background:var(--color-bg-overlay)}.play-page .play-overlay-content{flex-direction:column;align-items:center;gap:16px;display:flex}.play-page .play-hint{color:var(--color-text-tertiary);margin:0;font-size:14px}.play-page .episode-nav-row{justify-content:space-between;gap:16px;display:flex}.play-page .episode-nav-btn{background:var(--color-bg-quaternary);border:1px solid var(--color-border-tertiary);color:var(--color-text-primary);border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.play-page .episode-nav-btn:hover:not(.disabled){border-color:var(--color-primary);background:var(--color-bg-menu-secondary);color:var(--color-primary)}.play-page .episode-nav-btn.disabled{visibility:hidden;pointer-events:none}.play-page .episode-nav-btn.prev{flex-direction:row}.play-page .episode-nav-btn.next{flex-direction:row-reverse;margin-left:auto}.play-page .episode-nav-label{color:var(--color-text-quinary);font-size:12px;font-weight:500}.play-page .episode-info-card{background:var(--color-bg-quaternary);border:1px solid var(--color-border-tertiary);border-radius:16px;padding:24px}.play-page .episode-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.play-page .episode-title{flex:1;margin:0;font-size:20px;font-weight:700}.play-page .episode-meta{flex-shrink:0;gap:16px;display:flex}.play-page .meta-item{color:var(--color-text-quaternary);align-items:center;gap:6px;font-size:14px;display:flex}.play-page .meta-item svg{color:var(--color-text-senary)}.play-page .episode-description{color:var(--color-text-tertiary);margin:0;font-size:15px;line-height:1.6}.play-page .episode-info-inline{border-top:1px solid var(--color-border-quinary);margin-top:20px;padding-top:16px}.play-page .episode-info-label{color:var(--color-primary);margin-bottom:10px;font-size:14px;font-weight:600;display:block}.play-page .episode-info-items{flex-wrap:wrap;gap:16px 24px;display:flex}.play-page .episode-info-item{gap:6px;font-size:14px;display:flex}.play-page .episode-info-key{color:var(--color-text-quinary);flex-shrink:0}.play-page .episode-info-key:after{content:":"}.play-page .episode-info-val{color:var(--color-text-tertiary)}.play-page .sidebar{flex-direction:column;gap:24px;display:flex}.play-page .movie-info-card{background:var(--color-bg-quaternary);border:1px solid var(--color-border-tertiary);border-radius:16px;gap:16px;padding:20px;display:flex}.play-page .movie-poster{background:var(--color-border-tertiary);border-radius:12px;flex-shrink:0;width:100px;height:150px;overflow:hidden}.play-page .movie-poster img{object-fit:cover;width:100%;height:100%}.play-page .movie-details{flex-direction:column;flex:1;gap:12px;display:flex}.play-page .movie-title{margin:0;font-size:18px;font-weight:700}.play-page .movie-title-en{color:var(--color-text-quaternary);margin:0;font-size:14px}.play-page .movie-meta-row{flex-wrap:wrap;gap:12px;display:flex}.play-page .rating-badge,.play-page .year-badge,.play-page .duration-badge{background:var(--color-border-tertiary);border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:flex}.play-page .rating-badge,.play-page .rating-badge svg{color:var(--color-primary)}.play-page .genres-list{flex-wrap:wrap;gap:8px;display:flex}.play-page .genre-tag{background:var(--color-border-tertiary);border:1px solid var(--color-border-primary);border-radius:12px;padding:4px 12px;font-size:12px}.play-page .episodes-section{background:var(--color-bg-quaternary);border:1px solid var(--color-border-tertiary);border-radius:16px;padding:24px}.play-page .section-title{color:var(--color-primary);align-items:center;gap:8px;margin:0 0 20px;font-size:18px;font-weight:700;display:flex}.play-page .episode-count{color:var(--color-text-quinary);font-size:14px;font-weight:400}.play-page .episodes-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;max-height:600px;padding-right:8px;display:grid;overflow-y:auto}.play-page .episodes-grid::-webkit-scrollbar{width:6px}.play-page .episodes-grid::-webkit-scrollbar-track{background:var(--color-bg-quaternary);border-radius:3px}.play-page .episodes-grid::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:3px}.play-page .episodes-grid::-webkit-scrollbar-thumb:hover{background:var(--color-border-primary-light)}.play-page .episode-card{background:var(--color-bg-quaternary);cursor:pointer;border:2px solid #0000;border-radius:12px;transition:all .3s;overflow:hidden}.play-page .episode-card:hover{background:var(--color-border-tertiary);box-shadow:0 8px 24px var(--color-shadow-lg);transform:translateY(-4px)}.play-page .episode-card.active{border-color:var(--color-primary);background:var(--color-shadow-primary-light)}.play-page .episode-thumbnail{aspect-ratio:16/9;background:var(--color-border-tertiary);width:100%;position:relative;overflow:hidden}.play-page .episode-thumbnail img{object-fit:cover;width:100%;height:100%}.play-page .episode-thumb-placeholder{width:100%;height:100%;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.play-page .episode-play-icon{background:var(--color-bg-overlay-light);color:var(--color-primary);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.play-page .episode-card-info{padding:12px}.play-page .episode-number{color:var(--color-text-quinary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px}.play-page .episode-card-title{color:var(--color-text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.play-page .description-card,.play-page .info-card{background:var(--color-bg-quaternary);border:1px solid var(--color-border-tertiary);border-radius:16px;padding:24px}.play-page .description-text{color:var(--color-text-tertiary);margin:0;font-size:15px;line-height:1.7}.play-page .info-list{flex-direction:column;gap:12px;display:flex}.play-page .info-item{flex-direction:column;gap:4px;display:flex}.play-page .info-label{color:var(--color-text-quinary);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.play-page .info-value{color:var(--color-text-secondary);font-size:14px}.play-page .seo-hidden-text{color:#0000;background:0 0;width:1px;height:1px;font-size:0;line-height:0;position:absolute;left:-9999px;overflow:hidden}.play-page .download-modal-backdrop{background:var(--color-bg-overlay);z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.play-page .download-modal{background:var(--color-bg-secondary);border:1px solid var(--color-border-tertiary);width:100%;max-width:480px;color:var(--color-text-primary);box-shadow:0 20px 60px var(--color-shadow-3xl);border-radius:16px;padding:32px}.play-page .download-modal h3{color:var(--color-primary);margin:0 0 12px;font-size:20px;font-weight:700}.play-page .download-modal p{color:var(--color-text-tertiary);margin:0 0 24px;font-size:15px;line-height:1.6}.play-page .download-actions{justify-content:flex-end;gap:12px;display:flex}.play-page .download-btn{background:var(--color-primary);color:#000;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .3s}.play-page .download-btn:hover{background:var(--color-primary-light);box-shadow:0 8px 24px var(--color-shadow-primary);transform:translateY(-2px)}.play-page .cancel-btn{color:var(--color-text-tertiary);border:1px solid var(--color-border-primary);cursor:pointer;background:0 0;border-radius:8px;padding:12px 24px;font-weight:500;transition:all .3s}.play-page .cancel-btn:hover{background:var(--color-border-tertiary);border-color:var(--color-border-primary-light)}.play-footer{background:linear-gradient(180deg,var(--color-bg-secondary)0%,var(--color-bg-tertiary)100%);border-top:1px solid var(--color-border-tertiary);opacity:0;margin-top:48px;padding:48px 32px}.play-footer .footer-content{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;max-width:1200px;margin:0 auto;display:grid}.play-footer .footer-section{flex-direction:column;display:flex}.play-footer .section-title{color:var(--color-text-primary);margin-bottom:16px;font-size:18px;font-weight:600}.play-footer .section-text{color:var(--color-text-tertiary);margin:0 0 16px;font-size:14px;line-height:1.8}.play-footer .section-text:last-child{margin-bottom:0}@media (max-width:1200px){.play-page .play-main{grid-template-columns:1fr 320px;gap:24px}}@media (max-width:968px){.play-page .play-main{grid-template-columns:1fr;gap:24px}.play-page .player-section{order:-2}.play-page .sidebar{order:-1}.play-page .episodes-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (max-width:768px){.play-page{overflow-x:hidden}.play-page .top-bar{flex-wrap:nowrap;gap:12px;min-width:0;padding:12px 16px}.play-page .title-section{flex:1;min-width:0}.play-page .page-title{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.play-page .episode-badge{flex-shrink:0;padding:4px 10px;font-size:12px}.play-page .play-main{width:100%;min-width:0;max-width:100%;margin:0;padding:16px}.play-page .player-section,.play-page .player-container{width:100%;min-width:0}.play-page .player-wrapper{border-radius:12px}.play-page .episode-nav-row{flex-wrap:nowrap;gap:12px;width:100%;min-width:0;max-width:100%}.play-page .episode-nav-btn{flex:1 1 0;justify-content:center;gap:6px;min-width:0;padding:10px 12px;font-size:16px}.play-page .episode-nav-btn .episode-nav-label{display:none}.play-page .episode-nav-btn span:not(.episode-nav-label){white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%;font-size:13px;overflow:hidden}.play-page .episode-nav-btn svg{flex-shrink:0;width:18px;height:18px}.play-page .episode-nav-btn.disabled{display:none}.play-page .episode-nav-btn.prev{justify-content:flex-start}.play-page .episode-nav-btn.next{justify-content:flex-end;margin-left:0}.play-page .episode-info-card{padding:16px}.play-page .episode-header{flex-direction:column;align-items:flex-start;gap:8px}.play-page .episode-title{word-break:break-word;font-size:15px}.play-page .episode-description{font-size:14px}.play-page .sidebar{width:100%;min-width:0}.play-page .movie-info-card{flex-direction:column;padding:16px}.play-page .movie-poster{aspect-ratio:2/3;width:100%;max-width:160px;height:auto;margin:0 auto}.play-page .episodes-section{padding:16px}.play-page .episodes-grid{grid-template-columns:repeat(2,1fr);gap:10px;max-height:none}.play-page .episode-card-info{padding:10px}.play-page .episode-card-title{font-size:12px}.play-page .movie-info-card .movie-details{text-align:center}.play-page .movie-meta-row,.play-page .genres-list{justify-content:center}.play-page .play-button-inner{width:56px;height:56px}.play-page .play-button-inner svg{width:22px;height:22px}.play-page .download-modal{padding:24px 20px}.play-page .download-modal h3{font-size:18px}.play-page .download-actions{flex-direction:column}.play-page .download-btn,.play-page .cancel-btn{justify-content:center;width:100%}.play-footer{margin-top:24px;padding:24px 16px}.play-footer .footer-content{grid-template-columns:1fr;gap:20px}}.articles-page{background:linear-gradient(#0a0a1a 0%,#0f0f1e 25%,#14142a 50%,#0a0a1a 100%);min-height:100vh;padding-top:2rem;padding-bottom:4rem}.articles-page .articles-container{max-width:1152px;margin:0 auto;padding:0 1rem}.articles-page .articles-hero{background:linear-gradient(135deg,var(--color-bg-secondary)0%,var(--color-bg-tertiary)100%);border:1px solid #ffffff0f;border-radius:16px;margin-bottom:3rem;padding:2.5rem 2rem;position:relative;overflow:hidden}@media (min-width:640px){.articles-page .articles-hero{padding:3.5rem 3rem}}.articles-page .articles-hero-glow{filter:blur(48px);background:#a855f71a;border-radius:50%;width:12rem;height:12rem;position:absolute;top:-3rem;right:-3rem}.articles-page .articles-hero-inner{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex;position:relative}@media (min-width:640px){.articles-page .articles-hero-inner{flex-direction:row;align-items:flex-end}}.articles-page .articles-hero-tag{color:var(--color-primary-light);background:#a855f726;border-radius:9999px;align-items:center;gap:.375rem;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.articles-page .articles-hero h1{color:var(--color-text-primary);letter-spacing:-.025em;font-size:1.875rem;font-weight:700}@media (min-width:640px){.articles-page .articles-hero h1{font-size:2.25rem}}.articles-page .articles-hero p{max-width:36rem;color:var(--color-text-quaternary);margin-top:.5rem}.articles-page .articles-publish-btn{background:var(--color-primary);color:#fff;border-radius:12px;flex-shrink:0;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 10px 25px #a855f740}.articles-page .articles-publish-btn:hover{transform:scale(1.02);box-shadow:0 16px 32px #a855f74d}.articles-page .articles-grid{gap:2rem;display:grid}@media (min-width:640px){.articles-page .articles-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.articles-page .articles-grid{grid-template-columns:repeat(3,1fr)}}.articles-page .article-card{background:var(--color-bg-secondary);border:1px solid #ffffff0f;border-radius:12px;transition:all .3s;overflow:hidden}.articles-page .article-card:hover{border-color:#a855f740;box-shadow:0 16px 32px #a855f70d}.articles-page .article-card-cover{aspect-ratio:16/9;background:var(--color-bg-tertiary);position:relative;overflow:hidden}.articles-page .article-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.articles-page .article-card:hover .article-card-cover img{transform:scale(1.05)}.articles-page .article-card-cover-empty{height:100%;color:var(--color-text-quaternary);justify-content:center;align-items:center;display:flex}.articles-page .article-card-badge{color:#fff;background:#a855f7e6;border-radius:8px;padding:.25rem .625rem;font-size:.75rem;font-weight:600;position:absolute;top:.75rem;right:.75rem;box-shadow:0 4px 12px #0000004d}.articles-page .article-card-body{padding:1.25rem}.articles-page .article-card h2{-webkit-line-clamp:2;color:var(--color-text-primary);-webkit-box-orient:vertical;font-size:1.125rem;font-weight:600;transition:color .2s;display:-webkit-box;overflow:hidden}.articles-page .article-card:hover h2{color:var(--color-primary-light)}.articles-page .article-card-excerpt{-webkit-line-clamp:2;color:var(--color-text-quaternary);-webkit-box-orient:vertical;margin-top:.5rem;font-size:.875rem;display:-webkit-box;overflow:hidden}.articles-page .article-card-more{color:var(--color-primary-light);align-items:center;gap:.25rem;margin-top:.75rem;font-size:.875rem;font-weight:500;display:inline-flex}.articles-page .articles-empty{text-align:center;background:#11111880;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:5rem 2rem;display:flex}.articles-page .articles-empty-icon{width:5rem;height:5rem;color:var(--color-text-quaternary);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.articles-page .articles-empty p:first-of-type{color:var(--color-text-primary);margin-bottom:.5rem;font-size:1.125rem;font-weight:500}.articles-page .articles-empty p:last-of-type{max-width:24rem;color:var(--color-text-quaternary);margin-bottom:1.5rem;font-size:.875rem}.articles-page .articles-pagination{justify-content:center;align-items:center;gap:.75rem;margin-top:3rem;display:flex}.articles-page .articles-pagination button{color:#fff;background:#ffffff0d;border:1px solid #fff3;border-radius:12px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;transition:background .2s;display:flex}.articles-page .articles-pagination button:hover:not(:disabled){background:#ffffff1a}.articles-page .articles-pagination button:disabled{opacity:.4;cursor:not-allowed}.articles-page .articles-pagination span{color:var(--color-text-quaternary);background:#ffffff0d;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.articles-page .articles-skeleton{background:var(--color-bg-secondary);border:1px solid #ffffff0f;border-radius:12px;overflow:hidden}.articles-page .articles-skeleton-cover{aspect-ratio:16/9;background:var(--color-bg-tertiary);animation:1.5s ease-in-out infinite articles-skeleton-pulse}.articles-page .articles-skeleton-body{flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.articles-page .articles-skeleton-line{background:var(--color-bg-tertiary);border-radius:4px;height:1.25rem;animation:1.5s ease-in-out infinite articles-skeleton-pulse}.articles-page .articles-skeleton-line.short{width:75%}@keyframes articles-skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.admin-page{background:linear-gradient(#0a0a1a 0%,#0f0f1e 25%,#14142a 50%,#0a0a1a 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:4rem 1rem;display:flex}.admin-page .admin-container{text-align:center;max-width:896px;margin:0 auto;padding:0 1rem}.admin-page .admin-title{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-light)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:2.25rem;font-weight:700}@media (min-width:640px){.admin-page .admin-title{font-size:3rem}}.admin-page .admin-description{color:var(--color-text-quaternary);margin-bottom:3rem;font-size:1.125rem}.admin-page .admin-features{gap:1.5rem;margin-bottom:3rem;display:grid}@media (min-width:640px){.admin-page .admin-features{grid-template-columns:repeat(3,1fr)}}.admin-page .admin-feature-card{background:var(--color-bg-secondary);border:1px solid #ffffff14;border-radius:16px;padding:2rem;text-decoration:none;transition:all .3s;display:block}.admin-page .admin-feature-card:hover{border-color:#a855f74d;transform:translateY(-4px);box-shadow:0 16px 32px #a855f71a}.admin-page .admin-feature-icon{width:3.5rem;height:3.5rem;color:var(--color-primary-light);background:#a855f733;border-radius:12px;justify-content:center;align-items:center;margin-bottom:1rem;transition:background .2s;display:flex}.admin-page .admin-feature-card:hover .admin-feature-icon{background:#a855f74d}.admin-page .admin-feature-card h3{color:var(--color-text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.admin-page .admin-feature-card p{color:var(--color-text-quaternary);font-size:.875rem}.admin-page .admin-exit-btn{color:#ff6b6b;cursor:pointer;background:#ff44441a;border:1px solid #ff44444d;border-radius:12px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.admin-page .admin-exit-btn:hover{background:#f443;border-color:#ff444480}.user-center-page{background:linear-gradient(#0a0a1a 0%,#0f0f1e 25%,#14142a 50%,#0a0a1a 100%);min-height:100vh;padding:2rem 1rem 4rem}.user-center-page .user-center-layout{align-items:flex-start;gap:2rem;max-width:1120px;margin:0 auto;display:flex}.user-center-page .user-center-loading{text-align:center;color:var(--color-text-quaternary);padding:4rem 2rem}.user-center-page .user-center-nav{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;flex-shrink:0;width:220px;padding:1.25rem;position:sticky;top:2rem}.user-center-page .user-center-nav-header{border-bottom:1px solid #ffffff14;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1.25rem;display:flex}.user-center-page .user-center-nav-header-avatar{width:48px!important;height:48px!important}.user-center-page .user-center-nav-username{color:var(--color-text-primary);font-size:1rem;font-weight:600}.user-center-page .user-center-nav-list{margin:0;padding:0;list-style:none}.user-center-page .user-center-nav-item{width:100%;color:var(--color-text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:.75rem;margin-bottom:.25rem;padding:.75rem 1rem;font-size:.95rem;transition:background .2s,color .2s;display:flex}.user-center-page .user-center-nav-item:hover{color:var(--color-text-primary);background:#ffffff0f}.user-center-page .user-center-nav-item.active{color:var(--color-primary);background:#a855f733}.user-center-page .user-center-nav-item-link{text-decoration:none}.user-center-page .user-center-nav-back{color:var(--color-text-quaternary);border-top:1px solid #ffffff14;align-items:center;gap:.35rem;margin-top:1rem;padding-top:1rem;font-size:.9rem;text-decoration:none;transition:color .2s;display:flex}.user-center-page .user-center-nav-back:hover{color:var(--color-primary)}.user-center-page .user-center-nav-back-text-mobile{display:none}.user-center-page .user-center-liked-empty .user-center-liked-empty-icon{color:var(--color-text-quaternary);opacity:.5;margin-bottom:1rem}.user-center-page .user-center-main{flex:1;min-width:0}.user-center-page .user-center-panel{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:1.5rem}.user-center-page .user-center-panel-title{color:var(--color-text-primary);margin-bottom:1.25rem;font-size:1.25rem;font-weight:600}.user-center-page .user-center-panel-count{color:var(--color-text-quaternary);margin-left:.35em;font-weight:500}.user-center-page .user-center-profile-card{flex-direction:column;gap:1rem;display:flex}.user-center-page .user-center-profile-row{gap:1rem;font-size:.95rem;display:flex}.user-center-page .user-center-profile-label{min-width:8rem;color:var(--color-text-quaternary);align-items:center;gap:.5rem;display:inline-flex}.user-center-page .user-center-profile-icon{color:var(--color-primary);opacity:.85;flex-shrink:0}.user-center-page .user-center-profile-value{color:var(--color-text-secondary)}.user-center-page .user-center-liked-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.625rem;display:grid}.user-center-page .user-center-article-card{color:inherit;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:block;overflow:hidden}.user-center-page .user-center-article-card:hover{border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.user-center-page .user-center-article-card-cover{aspect-ratio:16/10;background:#ffffff0d;overflow:hidden}.user-center-page .user-center-article-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.user-center-page .user-center-article-card:hover .user-center-article-card-cover img{transform:scale(1.03)}.user-center-page .user-center-article-card-cover-empty{width:100%;height:100%;color:var(--color-text-quaternary);justify-content:center;align-items:center;display:flex}.user-center-page .user-center-article-card-body{padding:.5rem}.user-center-page .user-center-article-card-body h3{color:var(--color-text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.2rem;font-size:.8rem;font-weight:600;display:-webkit-box;overflow:hidden}.user-center-page .user-center-article-card-body p{color:var(--color-text-quaternary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.7rem;display:-webkit-box;overflow:hidden}.user-center-page .user-center-liked-empty{text-align:center;padding:3rem 2rem}.user-center-page .user-center-liked-empty svg{color:var(--color-text-quaternary);opacity:.5;margin-bottom:1rem}.user-center-page .user-center-liked-empty p{color:var(--color-text-quaternary);margin-bottom:1.25rem;font-size:1rem}.user-center-page .user-center-liked-empty-link{background:var(--color-primary);color:#fff;border-radius:10px;padding:.6rem 1.25rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-block}.user-center-page .user-center-liked-empty-link:hover{opacity:.9}.user-center-page .user-center-liked-skeleton{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.625rem;display:grid}.user-center-page .user-center-liked-skeleton-card{aspect-ratio:16/10;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s ease-in-out infinite user-center-skeleton}@keyframes user-center-skeleton{0%,to{background-position:200% 0}50%{background-position:-200% 0}}.user-center-page .user-center-pagination{border-top:1px solid #ffffff14;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}.user-center-page .user-center-pagination button{color:var(--color-text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;transition:all .2s}.user-center-page .user-center-pagination button:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff40}.user-center-page .user-center-pagination button:disabled{opacity:.4;cursor:not-allowed}.user-center-page .user-center-pagination span{color:var(--color-text-quaternary);font-size:.9rem}@media (max-width:768px){.user-center-page{padding:1rem .75rem 2rem;padding-bottom:max(2rem,env(safe-area-inset-bottom))}.user-center-page .user-center-layout{flex-direction:column;gap:1.25rem;max-width:100%}.user-center-page .user-center-nav{border-radius:10px;width:100%;padding:.75rem;position:static}.user-center-page .user-center-nav-header{border-bottom:1px solid #ffffff14;flex-direction:row;justify-content:flex-start;align-items:center;gap:.6rem;margin-bottom:.75rem;padding-bottom:.75rem}.user-center-page .user-center-nav-header-avatar{width:36px!important;height:36px!important}.user-center-page .user-center-nav-username{font-size:1rem}.user-center-page .user-center-nav-list{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:.35rem;width:100%;display:grid}.user-center-page .user-center-nav-list li{min-width:0}.user-center-page .user-center-nav-item{min-height:unset;white-space:normal;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;margin-bottom:0;padding:.4rem .25rem;font-size:.7rem}.user-center-page .user-center-nav-item svg,.user-center-page .user-center-nav-item-link svg{flex-shrink:0;width:18px;height:18px}.user-center-page .user-center-nav-back-text{display:none}.user-center-page .user-center-nav-back-text-mobile{display:inline}.user-center-page .user-center-nav-back{justify-content:center;width:100%;margin-top:.75rem;padding-top:.75rem;font-size:.8rem}.user-center-page .user-center-main{width:100%}.user-center-page .user-center-panel{border-radius:12px;padding:1.25rem 1rem}.user-center-page .user-center-panel-title{margin-bottom:1rem;font-size:1.1rem}.user-center-page .user-center-profile-row{border-bottom:1px solid #ffffff0d;flex-direction:column;gap:.25rem;padding:.75rem 0}.user-center-page .user-center-profile-row:last-of-type{border-bottom:none}.user-center-page .user-center-profile-label{min-width:unset;font-size:.8rem}.user-center-page .user-center-profile-value{padding-left:1.5rem;font-size:.95rem}.user-center-page .user-center-liked-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.user-center-page .user-center-article-card-body{padding:.4rem}.user-center-page .user-center-article-card-body h3{-webkit-line-clamp:2;font-size:.75rem}.user-center-page .user-center-article-card-body p{-webkit-line-clamp:1;font-size:.65rem}.user-center-page .user-center-liked-skeleton{grid-template-columns:repeat(2,1fr);gap:.5rem}.user-center-page .user-center-pagination{gap:.75rem;margin-top:1.25rem;padding-top:1.25rem}.user-center-page .user-center-pagination button{min-height:44px;padding:.5rem .75rem;font-size:.85rem}.user-center-page .user-center-account-actions{margin-bottom:1.5rem}.user-center-page .user-center-btn-logout{width:100%;min-height:48px}.user-center-page .user-center-danger-zone{padding-top:1.5rem}.user-center-page .user-center-delete-form .user-center-input{min-height:48px}.user-center-page .user-center-delete-buttons{flex-direction:column}.user-center-page .user-center-delete-buttons .user-center-btn{width:100%;min-height:48px}.user-center-page .user-center-liked-empty{padding:2rem 1rem}.user-center-page .user-center-liked-empty-link{justify-content:center;align-items:center;min-height:44px;display:inline-flex}}.user-center-page .user-center-account-actions{margin-bottom:2rem}.user-center-page .user-center-danger-zone{border-top:1px solid #ffffff14;padding-top:2rem}.user-center-page .user-center-danger-zone h3{color:var(--color-text-primary);margin-bottom:.5rem;font-size:1rem;font-weight:600}.user-center-page .user-center-actions{flex-wrap:wrap;gap:.75rem;display:flex}.user-center-page .user-center-btn{cursor:pointer;border:none;border-radius:10px;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s}.user-center-page .user-center-btn-logout{color:var(--color-text-secondary);background:#ffffff14;border:1px solid #ffffff26}.user-center-page .user-center-btn-logout:hover{color:#f87171;background:#ef444426;border-color:#ef44444d}.user-center-page .user-center-section-danger{background:#ef44440a;border-color:#ef444433}.user-center-page .user-center-delete-warning{color:var(--color-text-quaternary);margin-bottom:1rem;font-size:.9rem;line-height:1.5}.user-center-page .user-center-delete-form{flex-direction:column;gap:.75rem;display:flex}.user-center-page .user-center-input{background:var(--color-bg-tertiary);color:#fff;border:1px solid #ffffff1a;border-radius:10px;padding:.65rem 1rem;font-size:.95rem}.user-center-page .user-center-input::placeholder{color:#ffffff73}.user-center-page .user-center-error{color:#f87171;margin:0;font-size:.875rem}.user-center-page .user-center-delete-buttons{gap:.75rem;margin-top:.25rem;display:flex}.user-center-page .user-center-btn-secondary{color:var(--color-text-tertiary);background:#ffffff0f;border:1px solid #ffffff26}.user-center-page .user-center-btn-secondary:hover{background:#ffffff1a}.user-center-page .user-center-btn-danger{color:#f87171;background:#ef444433;border:1px solid #ef444466}.user-center-page .user-center-btn-danger:hover:not(:disabled){background:#ef44444d}.user-center-page .user-center-btn-danger:disabled{opacity:.6;cursor:not-allowed}.user-center-page .user-center-btn-danger-outline{color:#f87171;background:0 0;border:1px solid #ef444466}.user-center-page .user-center-btn-danger-outline:hover{background:#ef44441a}.user-center-page .user-center-back{color:var(--color-primary-light);margin-top:1.5rem;font-size:.95rem;text-decoration:none;transition:opacity .2s;display:inline-block}.user-center-page .user-center-back:hover{opacity:.9}.article-mgmt-page{background:linear-gradient(#0a0a1a 0%,#0f0f1e 25%,#14142a 50%,#0a0a1a 100%);min-height:100vh;padding:2rem 0 4rem}.article-mgmt-page .article-mgmt-container{max-width:896px;margin:0 auto;padding:0 1rem}.article-mgmt-page .article-mgmt-hero{background:linear-gradient(135deg,var(--color-bg-secondary)0%,var(--color-bg-tertiary)100%);border:1px solid #ffffff0f;border-radius:16px;margin-bottom:2rem;padding:1.25rem 1.5rem;position:relative;overflow:hidden}@media (min-width:640px){.article-mgmt-page .article-mgmt-hero{padding:1.25rem 2rem}}.article-mgmt-page .article-mgmt-hero-glow{filter:blur(48px);background:#a855f71a;border-radius:50%;width:9rem;height:9rem;position:absolute;top:-2.5rem;right:-2.5rem}.article-mgmt-page .article-mgmt-hero-inner{flex-wrap:wrap;align-items:center;gap:.5rem;width:100%;display:flex;position:relative}.article-mgmt-page .article-mgmt-hero-inner .article-mgmt-hero-tab{flex-shrink:0}.article-mgmt-page .article-mgmt-hero-tab{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.article-mgmt-page .article-mgmt-hero-tab:hover{color:#fff;background:#ffffff14}.article-mgmt-page .article-mgmt-hero-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.article-mgmt-page .article-mgmt-hero-tag{color:var(--color-primary-light);background:#a855f726;border-radius:9999px;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-block}.article-mgmt-page .article-mgmt-hero h1{color:var(--color-text-primary);letter-spacing:-.025em;font-size:1.5rem;font-weight:700}@media (min-width:640px){.article-mgmt-page .article-mgmt-hero h1{font-size:1.875rem}}.article-mgmt-page .article-mgmt-hero-desc{color:var(--color-text-quaternary);margin-top:.25rem}.article-mgmt-page .article-mgmt-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:8px;align-items:center;padding:.625rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.article-mgmt-page .article-mgmt-btn:hover{background:#ffffff1a}.article-mgmt-page .article-mgmt-btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600;box-shadow:0 10px 25px #a855f740}.article-mgmt-page .article-mgmt-btn-primary:hover{opacity:.9}.article-mgmt-page .article-mgmt-btn-accent{color:var(--color-primary-light);background:#a855f726;border-color:#a855f74d}.article-mgmt-page .article-mgmt-btn-accent:hover:not(:disabled){background:#a855f740}.article-mgmt-page .article-mgmt-btn-accent:disabled{opacity:.6;cursor:not-allowed}.article-mgmt-page .article-mgmt-content-wrap{margin-top:0}.article-mgmt-page .article-mgmt-content-wrap .articles-grid,.films-community-page .articles-grid{gap:2rem;margin-bottom:2rem;display:grid}@media (min-width:640px){.article-mgmt-page .article-mgmt-content-wrap .articles-grid,.films-community-page .articles-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.article-mgmt-page .article-mgmt-content-wrap .articles-grid,.films-community-page .articles-grid{grid-template-columns:repeat(3,1fr)}}.article-mgmt-page .article-mgmt-content-wrap .article-card,.films-community-page .article-card{background:var(--color-bg-secondary);border:1px solid #ffffff0f;border-radius:12px;transition:all .3s;overflow:hidden}.article-mgmt-page .article-mgmt-content-wrap .article-card:hover,.films-community-page .article-card:hover{border-color:#a855f740;box-shadow:0 16px 32px #a855f70d}.article-mgmt-page .article-mgmt-content-wrap .article-card-link,.films-community-page .article-card-link{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:none;padding:0;text-decoration:none;display:block}.article-mgmt-page .article-mgmt-content-wrap .article-card-cover,.films-community-page .article-card-cover{aspect-ratio:16/9;background:var(--color-bg-tertiary);position:relative;overflow:hidden}.article-mgmt-page .article-mgmt-content-wrap .article-card-cover img,.films-community-page .article-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.article-mgmt-page .article-mgmt-content-wrap .article-card-cover img[data-placeholder=logo],.films-community-page .article-card-cover img[data-placeholder=logo]{object-fit:contain}.article-mgmt-page .article-mgmt-content-wrap .article-card:hover .article-card-cover img,.films-community-page .article-card:hover .article-card-cover img{transform:scale(1.05)}.article-mgmt-page .article-mgmt-content-wrap .article-card-cover-empty,.films-community-page .article-card-cover-empty{width:100%;height:100%;color:var(--color-text-quaternary);justify-content:center;align-items:center;display:flex}.article-mgmt-page .article-mgmt-content-wrap .article-card-badge,.films-community-page .article-card-badge{background:var(--color-primary);color:#fff;border-radius:6px;padding:.2rem .5rem;font-size:.75rem;font-weight:600;position:absolute;top:.75rem;right:.75rem}.article-mgmt-page .article-mgmt-content-wrap .article-card-body,.films-community-page .article-card-body{padding:1.25rem}.article-mgmt-page .article-mgmt-content-wrap .article-card-body h2,.films-community-page .article-card-body h2{color:var(--color-text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:1.125rem;font-weight:600;display:-webkit-box;overflow:hidden}.article-mgmt-page .article-mgmt-content-wrap .article-card-excerpt,.films-community-page .article-card-excerpt{color:var(--color-text-quaternary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.75rem;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.article-mgmt-page .article-mgmt-content-wrap .article-card-more,.films-community-page .article-card-more{color:var(--color-primary-light);align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;transition:gap .2s;display:inline-flex}.article-mgmt-page .article-mgmt-content-wrap .article-card:hover .article-card-more,.films-community-page .article-card:hover .article-card-more{gap:.5rem}.article-mgmt-page .article-mgmt-content-wrap .articles-skeleton,.films-community-page .articles-skeleton{background:var(--color-bg-secondary);border:1px solid #ffffff0f;border-radius:12px;overflow:hidden}.article-mgmt-page .article-mgmt-content-wrap .articles-skeleton-cover,.films-community-page .articles-skeleton-cover{aspect-ratio:16/9;background:var(--color-bg-tertiary)}.article-mgmt-page .article-mgmt-content-wrap .articles-skeleton-body,.films-community-page .articles-skeleton-body{flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.article-mgmt-page .article-mgmt-content-wrap .articles-skeleton-line,.films-community-page .articles-skeleton-line{background:var(--color-bg-tertiary);border-radius:4px;height:.75rem}.article-mgmt-page .article-mgmt-content-wrap .articles-skeleton-line.short,.films-community-page .articles-skeleton-line.short{width:60%}.article-mgmt-page .article-mgmt-content-wrap .articles-empty,.films-community-page .articles-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.article-mgmt-page .article-mgmt-content-wrap .articles-empty-icon,.films-community-page .articles-empty-icon{width:5rem;height:5rem;color:var(--color-text-quaternary);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.article-mgmt-page .article-mgmt-content-wrap .articles-empty p,.films-community-page .articles-empty p{color:var(--color-text-quaternary);margin-bottom:.5rem}.article-mgmt-page .article-mgmt-content-wrap .articles-empty p:first-of-type,.films-community-page .articles-empty p:first-of-type{color:var(--color-text-primary);font-weight:500}.article-mgmt-page .article-mgmt-content-wrap .articles-pagination,.films-community-page .articles-pagination{justify-content:center;align-items:center;gap:1rem;padding:2rem 0;display:flex}.article-mgmt-page .article-mgmt-content-wrap .articles-pagination button,.films-community-page .articles-pagination button{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:background .2s;display:inline-flex}.article-mgmt-page .article-mgmt-content-wrap .articles-pagination button:hover:not(:disabled),.films-community-page .articles-pagination button:hover:not(:disabled){background:#ffffff1a}.article-mgmt-page .article-mgmt-content-wrap .articles-pagination button:disabled,.films-community-page .articles-pagination button:disabled{opacity:.5;cursor:not-allowed}.article-mgmt-page .article-mgmt-content-wrap .articles-pagination span,.films-community-page .articles-pagination span{color:var(--color-text-quaternary);font-size:.875rem}.films-community-page{background:linear-gradient(#0a0a1a 0%,#0f0f1e 25%,#14142a 50%,#0a0a1a 100%);min-height:100vh;padding:2rem 0 4rem}.films-community-page .films-community-container{max-width:72rem;margin:0 auto;padding:0 1.5rem}.films-community-page .films-community-header{text-align:center;margin-bottom:2.5rem}.films-community-page .films-community-title{color:var(--color-text-primary);margin:0 0 .5rem;font-size:2rem;font-weight:700}.films-community-page .films-community-subtitle{color:var(--color-text-quaternary);margin:0;font-size:1rem}.films-community-page .articles-publish-btn{background:var(--color-primary);color:#fff;border-radius:12px;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}.films-community-page .articles-publish-btn:hover{opacity:.9}.article-mgmt-page .article-detail-embed{padding-top:1rem;padding-bottom:2rem}.article-mgmt-page .article-detail-embed .article-detail-page{padding:0}.article-mgmt-page .article-detail-related .article-detail-related-card{text-align:left}.article-mgmt-page .article-mgmt-search-wrap{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.article-mgmt-page .article-mgmt-search-input-wrap{flex:1;position:relative}.article-mgmt-page .article-mgmt-search-icon{width:1.25rem;height:1.25rem;color:var(--color-text-quaternary);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.article-mgmt-page .article-mgmt-search-input{background:var(--color-bg-tertiary);color:#fff;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:.75rem 1rem .75rem 3rem;font-size:.875rem;transition:border-color .2s}.article-mgmt-page .article-mgmt-search-input::placeholder{color:#ffffff80}.article-mgmt-page .article-mgmt-search-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #a855f733}.article-mgmt-page .article-mgmt-search-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;flex-shrink:0;padding:.75rem 1.5rem;font-weight:600;transition:opacity .2s}.article-mgmt-page .article-mgmt-search-btn:hover{opacity:.9}.article-mgmt-page .article-mgmt-card{border-radius:16px}.article-mgmt-page .article-mgmt-loading{flex-direction:column;justify-content:center;align-items:center;padding:5rem 2rem;display:flex}.article-mgmt-page .article-mgmt-loading-spinner{border:2px solid var(--color-primary);border-top-color:#0000;border-radius:50%;width:2.5rem;height:2.5rem;margin-bottom:1rem;animation:.8s linear infinite article-mgmt-spin}@keyframes article-mgmt-spin{to{transform:rotate(360deg)}}.article-mgmt-page .article-mgmt-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:5rem 2rem;display:flex}.article-mgmt-page .article-mgmt-empty-icon{width:5rem;height:5rem;color:var(--color-text-quaternary);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.article-mgmt-page .article-mgmt-empty p:first-of-type{color:var(--color-text-primary);margin-bottom:.5rem;font-weight:500}.article-mgmt-page .article-mgmt-empty p:last-of-type{color:var(--color-text-quaternary);margin-bottom:1.5rem;font-size:.875rem}.article-mgmt-page .article-mgmt-list{flex-direction:column;display:flex}.article-mgmt-page .article-mgmt-item{border-bottom:1px solid #ffffff0f;flex-direction:column;gap:1rem;padding:1.25rem;transition:background .2s;display:flex}.article-mgmt-page .article-mgmt-item:hover{background:#ffffff05}.article-mgmt-page .article-mgmt-item:last-child{border-bottom:none}@media (min-width:640px){.article-mgmt-page .article-mgmt-item{flex-direction:row;gap:1.5rem}}.article-mgmt-page .article-mgmt-item-cover{background:var(--color-bg-tertiary);border-radius:8px;flex-shrink:0;width:100%;height:9rem;overflow:hidden}@media (min-width:640px){.article-mgmt-page .article-mgmt-item-cover{width:11rem;height:7rem}}.article-mgmt-page .article-mgmt-item-cover img{object-fit:cover;width:100%;height:100%}.article-mgmt-page .article-mgmt-item-cover img[data-placeholder=logo]{object-fit:contain}.article-mgmt-page .article-mgmt-item-cover-empty{height:100%;color:var(--color-text-quaternary);justify-content:center;align-items:center;display:flex}.article-mgmt-page .article-mgmt-item-body{flex:1;min-width:0}.article-mgmt-page .article-mgmt-item h3{white-space:nowrap;text-overflow:ellipsis;color:var(--color-text-primary);font-size:1.125rem;font-weight:600;overflow:hidden}.article-mgmt-page .article-mgmt-item-meta{color:var(--color-text-quaternary);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.75rem;display:flex}.article-mgmt-page .article-mgmt-item-badge{color:var(--color-primary-light);background:#a855f733;border-radius:4px;padding:.125rem .5rem}.article-mgmt-page .article-mgmt-item-excerpt{-webkit-line-clamp:2;color:var(--color-text-quaternary);-webkit-box-orient:vertical;margin-top:.5rem;font-size:.875rem;display:-webkit-box;overflow:hidden}.article-mgmt-page .article-mgmt-lang-tags{flex-wrap:wrap;gap:.375rem;margin-top:.5rem;display:flex}.article-mgmt-page .article-mgmt-lang-tag{border-radius:6px;padding:.125rem .5rem;font-size:.75rem;font-weight:500}.article-mgmt-page .article-mgmt-lang-tag.done{color:var(--color-primary-light);background:#a855f733}.article-mgmt-page .article-mgmt-lang-tag.missing{color:#ffffff80;background:#ffffff0d}.article-mgmt-page .article-mgmt-lang-tag.translating{color:#fbbf24;background:#f59e0b33;padding-left:1rem;position:relative}.article-mgmt-page .article-mgmt-lang-tag-loading{border:1.5px solid #fbbf24;border-top-color:#0000;border-radius:50%;width:.35rem;height:.35rem;animation:.6s linear infinite article-mgmt-lang-spin;position:absolute;top:50%;left:.35rem;transform:translateY(-50%)}@keyframes article-mgmt-lang-spin{0%{transform:translateY(-50%)rotate(0)}to{transform:translateY(-50%)rotate(360deg)}}.article-mgmt-page .article-mgmt-item-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.5rem;display:flex}.article-mgmt-page .article-mgmt-action-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s}.article-mgmt-page .article-mgmt-action-btn:hover{border-color:var(--color-primary);background:#ffffff0d}.article-mgmt-page .article-mgmt-action-btn.translate{color:var(--color-primary-light);background:#a855f726;border-color:#a855f74d}.article-mgmt-page .article-mgmt-action-btn.translate:hover:not(:disabled){background:#a855f740}.article-mgmt-page .article-mgmt-action-btn.translate:disabled{opacity:.6;cursor:not-allowed}.article-mgmt-page .article-mgmt-action-btn.delete{color:#f87171;background:#ef44441a;border-color:#ef44444d}.article-mgmt-page .article-mgmt-action-btn.delete:hover:not(:disabled){background:#ef444433}.article-mgmt-page .article-mgmt-action-btn.delete:disabled{opacity:.6;cursor:not-allowed}.article-mgmt-page .article-mgmt-pagination{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.article-mgmt-page .article-mgmt-pagination button{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background .2s;display:flex}.article-mgmt-page .article-mgmt-pagination button:hover:not(:disabled){background:#ffffff1a}.article-mgmt-page .article-mgmt-pagination button:disabled{opacity:.4;cursor:not-allowed}.article-mgmt-page .article-mgmt-pagination span{color:var(--color-text-quaternary);font-size:.875rem}.article-mgmt-modal-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.article-mgmt-modal{background:var(--color-bg-secondary);border:1px solid #ffffff14;border-radius:16px;width:100%;max-width:28rem;overflow:hidden;box-shadow:0 25px 50px #00000080}.article-mgmt-modal-header{border-bottom:1px solid #ffffff0f;padding:1.5rem}.article-mgmt-modal-icon{color:#f87171;background:#ef444433;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:.5rem;display:flex}.article-mgmt-modal-header h3{color:var(--color-text-primary);font-size:1.25rem;font-weight:700}.article-mgmt-modal-header p{color:var(--color-text-quaternary);margin-top:.5rem;font-size:.875rem}.article-mgmt-modal-actions{justify-content:flex-end;gap:.75rem;padding:1.5rem;display:flex}.article-mgmt-modal-actions .article-mgmt-btn{padding:.625rem 1.25rem}.article-mgmt-modal-actions .article-mgmt-btn-cancel{border-color:#fff3}.article-mgmt-modal-actions .article-mgmt-btn-cancel:hover{background:#ffffff1a}.article-mgmt-modal-actions .article-mgmt-btn-confirm{color:#f87171;background:#ef444433;border-color:#ef44444d;font-weight:600}.article-mgmt-modal-actions .article-mgmt-btn-confirm:hover:not(:disabled){background:#ef44444d}.article-mgmt-modal-actions .article-mgmt-btn-confirm:disabled{opacity:.6}.article-mgmt-page .translation-test-embed .translation-test-card{background:var(--color-bg-secondary);border:1px solid #ffffff0f;border-radius:16px;padding:1.5rem}.article-mgmt-page .translation-test-embed .translation-test-field{margin-bottom:1.5rem}.article-mgmt-page .translation-test-embed .translation-test-label{color:var(--color-text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.article-mgmt-page .translation-test-embed .translation-test-select,.article-mgmt-page .translation-test-embed .translation-test-textarea{background:var(--color-bg-tertiary);color:#fff;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:.75rem 1rem;font-size:.875rem}.article-mgmt-page .translation-test-embed .translation-test-submit{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;margin-top:1rem;padding:.75rem 1.5rem;font-weight:600;transition:opacity .2s}.article-mgmt-page .translation-test-embed .translation-test-submit:hover:not(:disabled){opacity:.9}.article-mgmt-page .translation-test-embed .translation-test-submit:disabled{opacity:.5;cursor:not-allowed}.article-mgmt-page .translation-test-embed .translation-test-error{color:#f87171;background:#ef444426;border-radius:8px;margin-top:1rem;padding:1rem;font-size:.875rem}.article-mgmt-page .translation-test-embed .translation-test-result-wrap{margin-top:1.5rem}.article-mgmt-page .translation-test-embed .translation-test-result-wrap h3{color:var(--color-text-primary);margin-bottom:.75rem;font-size:1rem;font-weight:600}.article-mgmt-page .translation-test-embed .translation-test-result-box{background:var(--color-bg-tertiary);color:#fff;white-space:pre-wrap;border:1px solid #ffffff1a;border-radius:12px;padding:1rem;font-size:.875rem}.article-mgmt-page .creator-embed{justify-content:center;display:flex}.article-mgmt-page .creator-embed .creator-form{background:var(--color-bg-secondary);border:1px solid #ffffff0f;border-radius:16px;width:100%;max-width:48rem;padding:1.5rem}.article-mgmt-page .creator-embed .creator-field{margin-bottom:1.5rem}.article-mgmt-page .creator-embed .creator-label{color:var(--color-text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.article-mgmt-page .creator-embed .creator-label .required{color:#ef4444}.article-mgmt-page .creator-embed .creator-input,.article-mgmt-page .creator-embed .creator-textarea{background:var(--color-bg-tertiary);color:#fff;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:.75rem 1rem;font-size:.875rem}.article-mgmt-page .creator-embed .creator-textarea{resize:vertical;min-height:6rem}.article-mgmt-page .creator-embed .creator-textarea.content{min-height:18.75rem}.article-mgmt-page .creator-embed .creator-upload-zone{background:var(--color-bg-tertiary);color:#fff;cursor:pointer;border:2px dashed #fff3;border-radius:12px;padding:.75rem 1.5rem;transition:border-color .2s;display:inline-block}.article-mgmt-page .creator-embed .creator-upload-zone:hover{border-color:var(--color-primary)}.article-mgmt-page .creator-embed .creator-upload-status{color:var(--color-text-quaternary);margin-top:.5rem;font-size:.875rem}.article-mgmt-page .creator-embed .creator-preview-wrap{max-width:25rem;margin-top:1rem}.article-mgmt-page .creator-embed .creator-preview-wrap img{object-fit:cover;border-radius:8px;width:100%}.article-mgmt-page .creator-embed .creator-remove-btn{color:#f87171;cursor:pointer;background:#ef444433;border:1px solid #ef44444d;border-radius:8px;margin-top:.5rem;padding:.5rem 1rem;font-size:.875rem}.article-mgmt-page .creator-embed .creator-hint{color:#ffffff80;margin-top:.25rem;font-size:.75rem}.article-mgmt-page .creator-embed .creator-checkbox-wrap{align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.article-mgmt-page .creator-embed .creator-checkbox{width:1.25rem;height:1.25rem;accent-color:var(--color-primary);cursor:pointer}.article-mgmt-page .creator-embed .creator-checkbox-label{cursor:pointer;color:var(--color-text-primary)}.article-mgmt-page .creator-embed .creator-actions{gap:.75rem;margin-top:1rem;display:flex}.article-mgmt-page .creator-embed .creator-btn{cursor:pointer;border-radius:8px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s}.article-mgmt-page .creator-embed .creator-btn-reset{color:#fff;background:0 0;border:1px solid #fff3}.article-mgmt-page .creator-embed .creator-btn-submit{background:var(--color-primary);color:#fff;border:none}.article-mgmt-page .creator-embed .creator-error{color:#f87171;background:#ef444426;border-radius:8px;margin-top:1rem;padding:1rem;font-size:.875rem}.article-mgmt-page .creator-embed .creator-success{color:#4ade80;background:#4ade8026;border-radius:8px;margin-top:1rem;padding:1rem;font-size:.875rem}.article-mgmt-page .creator-embed .creator-success-link{font:inherit;color:#4ade80;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.article-mgmt-page .creator-embed .creator-success-link:hover{text-decoration:none}.translation-test-page{background:linear-gradient(#0a0a1a 0%,#0f0f1e 25%,#14142a 50%,#0a0a1a 100%);min-height:100vh;padding:2rem 0 4rem}.translation-test-page .translation-test-container{max-width:42rem;margin:0 auto;padding:0 1rem}.translation-test-page .translation-test-header{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}@media (min-width:640px){.translation-test-page .translation-test-header{flex-direction:row;justify-content:space-between;align-items:flex-end}}.translation-test-page .translation-test-header h1{color:var(--color-text-primary);font-size:1.5rem;font-weight:700}.translation-test-page .translation-test-header p{color:var(--color-text-quaternary)}.translation-test-page .translation-test-nav{flex-wrap:wrap;flex-shrink:0;gap:.5rem;display:flex}.translation-test-page .translation-test-nav-link{color:#fff;border:1px solid #fff3;border-radius:8px;padding:.625rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .2s;display:inline-flex}.translation-test-page .translation-test-nav-link:hover{background:#ffffff1a}.translation-test-page .translation-test-nav-link.primary{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 10px 25px #a855f740}.translation-test-page .translation-test-nav-link.primary:hover{opacity:.9}.translation-test-page .translation-test-card{background:var(--color-bg-secondary);border:1px solid #ffffff0f;border-radius:16px;padding:1.5rem}.translation-test-page .translation-test-field{margin-bottom:1.5rem}.translation-test-page .translation-test-field:last-of-type{margin-bottom:0}.translation-test-page .translation-test-label{color:var(--color-text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.translation-test-page .translation-test-select,.translation-test-page .translation-test-textarea{background:var(--color-bg-tertiary);color:#fff;border:1px solid #fff3;border-radius:12px;width:100%;padding:.75rem 1rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.translation-test-page .translation-test-select:focus,.translation-test-page .translation-test-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #a855f733}.translation-test-page .translation-test-select{cursor:pointer;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='%23c084fc' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:2.5rem}.translation-test-page .translation-test-select option{background:var(--color-bg-tertiary);color:#fff}.translation-test-page .translation-test-textarea{resize:vertical;min-height:8rem}.translation-test-page .translation-test-textarea::placeholder{color:#ffffff80}.translation-test-page .translation-test-submit{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;margin-top:1.5rem;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;transition:opacity .2s;box-shadow:0 10px 25px #a855f740}.translation-test-page .translation-test-submit:hover:not(:disabled){opacity:.9}.translation-test-page .translation-test-submit:disabled{opacity:.5;cursor:not-allowed}.translation-test-page .translation-test-error{color:#f87171;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;margin-top:1.5rem;padding:1rem;font-size:.875rem}.translation-test-page .translation-test-result-wrap{margin-top:1.5rem}.translation-test-page .translation-test-result-wrap h3{color:var(--color-text-primary);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.translation-test-page .translation-test-result-box{background:var(--color-bg-tertiary);color:#fff;white-space:pre-wrap;border:1px solid #ffffff1a;border-radius:12px;padding:1rem;font-size:.875rem}.creator-page{background:linear-gradient(#0a0a1a 0%,#0f0f1e 25%,#14142a 50%,#0a0a1a 100%);min-height:100vh;padding:2rem 0 4rem}.creator-page .creator-container{max-width:48rem;margin:0 auto;padding:0 1rem}.creator-page .creator-header{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}@media (min-width:640px){.creator-page .creator-header{flex-direction:row;justify-content:space-between;align-items:flex-end}}.creator-page .creator-header h1{color:var(--color-text-primary);font-size:1.875rem;font-weight:700}.creator-page .creator-header p{color:var(--color-text-quaternary)}.creator-page .creator-nav{flex-wrap:wrap;flex-shrink:0;gap:.5rem;display:flex}.creator-page .creator-nav-link{color:#fff;border:1px solid #fff3;border-radius:8px;padding:.625rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .2s;display:inline-flex}.creator-page .creator-nav-link:hover{background:#ffffff1a}.creator-page .creator-form{background:var(--color-bg-secondary);border:1px solid #ffffff0f;border-radius:16px;padding:1.5rem}.creator-page .creator-field{margin-bottom:1.5rem}.creator-page .creator-label{color:var(--color-text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.creator-page .creator-label .required{color:#ef4444}.creator-page .creator-input,.creator-page .creator-textarea{background:var(--color-bg-tertiary);color:#fff;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:.75rem 1rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.creator-page .creator-input::placeholder,.creator-page .creator-textarea::placeholder{color:#ffffff80}.creator-page .creator-input:focus,.creator-page .creator-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #a855f733}.creator-page .creator-textarea{resize:vertical;min-height:6rem}.creator-page .creator-textarea.content{min-height:18.75rem}.creator-page .creator-hint{color:#ffffff80;margin-top:.25rem;font-size:.75rem}.creator-page .creator-upload-zone{background:var(--color-bg-tertiary);color:#fff;text-align:center;cursor:pointer;border:2px dashed #fff3;border-radius:12px;padding:.75rem 1.5rem;transition:border-color .2s;display:inline-block}.creator-page .creator-upload-zone:hover{border-color:var(--color-primary)}.creator-page .creator-upload-status{color:var(--color-text-quaternary);margin-top:.5rem;font-size:.875rem}.creator-page .creator-preview-wrap{max-width:25rem;margin-top:1rem}.creator-page .creator-preview-wrap img{object-fit:cover;border-radius:8px;width:100%}.creator-page .creator-remove-btn{color:#f87171;cursor:pointer;background:#ef444433;border:1px solid #ef44444d;border-radius:8px;margin-top:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:background .2s}.creator-page .creator-remove-btn:hover{background:#ef44444d}.creator-page .creator-checkbox-wrap{align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.creator-page .creator-checkbox{width:1.25rem;height:1.25rem;accent-color:var(--color-primary);cursor:pointer}.creator-page .creator-checkbox-label{cursor:pointer;color:var(--color-text-primary)}.creator-page .creator-actions{border-top:1px solid #ffffff1a;justify-content:flex-end;gap:1rem;padding-top:1.5rem;display:flex}.creator-page .creator-btn{cursor:pointer;border-radius:12px;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;transition:opacity .2s}.creator-page .creator-btn-reset{background:var(--color-bg-tertiary);color:#fff;border:1px solid #fff3}.creator-page .creator-btn-reset:hover:not(:disabled){background:#ffffff0d}.creator-page .creator-btn-reset:disabled{opacity:.6;cursor:not-allowed}.creator-page .creator-btn-submit{background:var(--color-primary);color:#fff;border:none;box-shadow:0 10px 25px #a855f740}.creator-page .creator-btn-submit:hover:not(:disabled){opacity:.9}.creator-page .creator-btn-submit:disabled{opacity:.6;cursor:not-allowed}.creator-page .creator-error{color:#f87171;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;margin-top:1rem;padding:1rem;font-size:.875rem}.creator-page .creator-success{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:12px;margin-top:1rem;padding:1rem;font-size:.875rem}.creator-page .creator-success a{color:#4ade80;margin-left:.5rem;font-weight:600;text-decoration:underline}.creator-page .creator-success a:hover{text-decoration:none}.article-detail-page{background:linear-gradient(#0a0a14 0%,#0f0f1a 20%,#12121e 50%,#0a0a14 100%);min-height:100vh;padding:3rem 0}@media (max-width:768px){.article-detail-page{padding-top:4.5rem;padding-bottom:2rem}}.article-detail-page .article-detail-container{max-width:720px;font-family:var(--font-reading);margin:0 auto;padding:0 1.25rem}.article-detail-page .article-detail-back{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:.25rem;margin-bottom:2rem;padding:.75rem 1.25rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.article-detail-page .article-detail-back:hover{background:var(--color-primary);border-color:var(--color-primary)}.article-detail-page .article-detail-header{margin-bottom:3rem}.article-detail-page .article-detail-title{font-family:var(--font-reading);letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:1.5rem;font-size:1.75rem;font-weight:700;line-height:1.35}@media (min-width:768px){.article-detail-page .article-detail-title{font-size:2.25rem;line-height:1.3}}.article-detail-page .article-detail-meta{font-family:var(--font-reading);color:var(--color-text-quaternary);flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:2rem;font-size:.9rem;display:flex}.article-detail-page .article-detail-badge{color:var(--color-primary-light);background:#a855f733;border-radius:6px;padding:.25rem .5rem;font-weight:500}.article-detail-page .article-detail-cover{border-radius:12px;max-width:100%;margin:0 auto;overflow:hidden}.article-detail-page .article-detail-cover.article-detail-cover--landscape{max-width:min(500px,100%)}.article-detail-page .article-detail-cover.article-detail-cover--landscape img{width:100%;height:auto;display:block}.article-detail-page .article-detail-cover.article-detail-cover--portrait{justify-content:center;max-height:500px;display:flex}.article-detail-page .article-detail-cover.article-detail-cover--portrait img{width:auto;height:auto;max-height:500px;display:block}.article-detail-page .article-detail-cover:not(.article-detail-cover--landscape):not(.article-detail-cover--portrait){max-width:500px}.article-detail-page .article-detail-cover:not(.article-detail-cover--landscape):not(.article-detail-cover--portrait) img{width:100%;height:auto;display:block}.article-detail-page .article-detail-cover:has(img[data-placeholder=logo]){background:var(--color-bg-tertiary);justify-content:center;align-items:center;min-height:120px;display:flex}.article-detail-page .article-detail-cover img[data-placeholder=logo]{object-fit:contain;object-position:center;width:100%;max-height:200px}.article-detail-page .article-detail-excerpt{font-family:var(--font-reading);color:#ffffffc7;margin-bottom:0;padding-bottom:2rem;font-size:1.0625rem;line-height:1.7}.article-detail-page .article-detail-body-wrap{background:#11111899;border:1px solid #ffffff0f;border-radius:16px;margin-bottom:3rem;padding:2.5rem 2.75rem}@media (max-width:768px){.article-detail-page .article-detail-body-wrap{padding:1.5rem 1.25rem}}.article-detail-page .article-detail-body{font-family:var(--font-reading);color:#ffffffe6;word-wrap:break-word;white-space:pre-wrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.0625rem;line-height:1.8}.article-detail-page .article-detail-body p{margin-bottom:1.5rem}.article-detail-page .article-detail-body p:last-child{margin-bottom:0}.article-detail-page .article-detail-body h1,.article-detail-page .article-detail-body h2,.article-detail-page .article-detail-body h3,.article-detail-page .article-detail-body h4{font-family:var(--font-reading);color:var(--color-text-primary);margin-top:2.25rem;margin-bottom:1rem;font-weight:600;line-height:1.4}.article-detail-page .article-detail-body h1{margin-top:0;font-size:1.75rem}.article-detail-page .article-detail-body h2{border-bottom:1px solid #ffffff14;padding-bottom:.5rem;font-size:1.5rem}.article-detail-page .article-detail-body h3{font-size:1.25rem}.article-detail-page .article-detail-body h4{font-size:1.125rem}.article-detail-page .article-detail-body a{color:var(--color-primary-light);text-underline-offset:2px;text-decoration:underline}.article-detail-page .article-detail-body a:hover{text-decoration:none}.article-detail-page .article-detail-body ul,.article-detail-page .article-detail-body ol{margin:1.25rem 0;padding-left:1.75rem}.article-detail-page .article-detail-body li{margin-bottom:.6rem;line-height:1.75}.article-detail-page .article-detail-body li::marker{color:var(--color-primary-light)}.article-detail-page .article-detail-body blockquote{border-left:4px solid var(--color-primary);color:#ffffffd1;background:#a855f70f;border-radius:0 8px 8px 0;margin:1.75rem 0;padding:1.25rem 1.5rem;font-style:italic;line-height:1.75}.article-detail-page .article-detail-body pre,.article-detail-page .article-detail-body code{background:#1a1a24cc;border-radius:8px;font-family:SF Mono,Cascadia Code,Fira Code,Consolas,Monaco,Menlo,monospace}.article-detail-page .article-detail-body code{border:1px solid #ffffff0f;padding:.2em .5em;font-size:.9em}.article-detail-page .article-detail-body pre{border:1px solid #ffffff0f;margin:1.5rem 0;padding:1.25rem 1.5rem;overflow-x:auto}.article-detail-page .article-detail-body pre code{background:0 0;border:none;padding:0}.article-detail-page .article-detail-body img{border-radius:10px;max-width:100%;height:auto;margin:1.25rem 0;box-shadow:0 4px 20px #0000004d}.article-detail-page .article-detail-reactions{align-items:center;gap:.75rem;margin-left:auto;display:inline-flex}.article-detail-page .article-detail-reaction-btn{color:var(--color-text-tertiary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.875rem;transition:all .2s;display:inline-flex}.article-detail-page .article-detail-reaction-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.article-detail-page .article-detail-reaction-btn:disabled{opacity:.6;cursor:not-allowed}.article-detail-page .article-detail-reaction-like:hover:not(:disabled){color:#ec4899;border-color:#ec489966}.article-detail-page .article-detail-reaction-dislike:hover:not(:disabled){color:#94a3b8;border-color:#94a3b866}.article-detail-page .article-detail-comments{font-family:var(--font-reading);border-top:1px solid #ffffff14;margin-top:3rem;padding-top:2.5rem}.article-detail-page .article-detail-comments-title{color:var(--color-text-primary);margin-bottom:1.25rem;font-size:1.25rem;font-weight:600}.article-detail-page .article-detail-comments-pagination{margin-top:1.5rem}.article-detail-page .article-detail-comment-form{margin-bottom:2rem}.article-detail-page .article-detail-comment-login-hint{color:var(--color-primary-light);cursor:pointer;opacity:.9;margin-bottom:.5rem;font-size:.9rem}.article-detail-page .article-detail-comment-login-hint:hover{opacity:1;text-decoration:underline}.article-detail-page .article-detail-comment-input{background:var(--color-bg-tertiary);color:#fff;resize:vertical;border:1px solid #ffffff1a;border-radius:12px;width:100%;min-height:5rem;padding:1rem 1.25rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}.article-detail-page .article-detail-comment-input::placeholder{color:#ffffff73}.article-detail-page .article-detail-comment-input:focus{border-color:var(--color-primary);outline:none}.article-detail-page .article-detail-comment-form-row{justify-content:space-between;align-items:center;gap:.75rem;margin-top:.75rem;display:flex;position:relative}.article-detail-page .article-detail-comment-form-left{position:relative}.article-detail-page .article-detail-comment-form-right{align-items:center;gap:.5rem;display:flex}.article-detail-page .article-detail-comment-emoji-btn{width:36px;height:36px;color:var(--color-text-tertiary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.article-detail-page .article-detail-comment-emoji-btn:hover:not(:disabled){color:var(--color-text-primary);background:#ffffff1a}.article-detail-page .article-detail-comment-emoji-btn:disabled{opacity:.5;cursor:not-allowed}.article-detail-page .article-detail-comment-input-wrap{position:relative}.article-detail-page .article-detail-comment-emoji-picker-wrap{z-index:100;transform-origin:0 0;border-radius:12px;min-height:360px;margin-top:8px;animation:.28s cubic-bezier(.34,1.56,.64,1) both article-comment-emoji-picker-in;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 8px 32px #00000080}@keyframes article-comment-emoji-picker-in{0%{opacity:0;transform:translateY(-12px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.article-detail-page .article-detail-comment-clear{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.article-detail-page .article-detail-comment-clear:hover:not(:disabled){color:var(--color-text-primary);background:#ffffff14}.article-detail-page .article-detail-comment-clear:disabled{opacity:.5;cursor:not-allowed}.article-detail-page .article-detail-comment-author{background:var(--color-bg-tertiary);color:#fff;border:1px solid #ffffff1a;border-radius:8px;flex:1;max-width:12rem;padding:.6rem 1rem;font-size:.875rem}.article-detail-page .article-detail-comment-author::placeholder{color:#ffffff73}.article-detail-page .article-detail-comment-submit{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.6rem 1.25rem;font-size:.875rem;font-weight:500;transition:opacity .2s}.article-detail-page .article-detail-comment-submit:hover:not(:disabled){opacity:.9}.article-detail-page .article-detail-comment-submit:disabled{opacity:.5;cursor:not-allowed}.article-detail-page .article-detail-comment-error{color:#f87171;margin-top:.5rem;font-size:.875rem}.article-detail-page .article-detail-comments-list{flex-direction:column;gap:1rem;display:flex}.article-detail-page .article-detail-comment-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:1rem 1.25rem}.article-detail-page .article-detail-comment-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.article-detail-page .article-detail-comment-avatar{flex-shrink:0}.article-detail-page .article-detail-comment-meta-wrap{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.article-detail-page .article-detail-comment-meta{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.article-detail-page .article-detail-comment-author-name{color:var(--color-primary-light);font-size:.875rem;font-weight:600}.article-detail-page .article-detail-comment-date{color:var(--color-text-quaternary);font-size:.75rem}.article-detail-page .article-detail-comment-content{color:var(--color-text-tertiary);margin:0;font-size:.95rem;line-height:1.6}.article-detail-page .article-detail-comment-actions{align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.article-detail-page .article-detail-comment-action-btn{color:var(--color-text-quaternary);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.8rem;transition:all .2s;display:inline-flex}.article-detail-page .article-detail-comment-action-btn:hover:not(:disabled){background:#ffffff14;border-color:#ffffff26}.article-detail-page .article-detail-comment-action-btn:disabled{opacity:.6;cursor:not-allowed}.article-detail-page .article-detail-comment-like:hover:not(:disabled){color:#ec4899;border-color:#ec48994d}.article-detail-page .article-detail-comment-dislike:hover:not(:disabled){color:#94a3b8;border-color:#94a3b84d}.article-detail-page .article-detail-comments-loading,.article-detail-page .article-detail-comments-empty{text-align:center;color:var(--color-text-quaternary);padding:2rem}.article-detail-page .article-detail-related{font-family:var(--font-reading);margin-top:4rem}.article-detail-page .article-detail-related h2{color:var(--color-text-primary);margin-bottom:1.5rem;font-size:1.75rem;font-weight:700}.article-detail-page .article-detail-related-list{flex-direction:column;gap:1rem;display:flex}.article-detail-page .article-detail-related-card{background:var(--color-bg-secondary);text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;appearance:none;border:1px solid #ffffff0f;border-radius:12px;gap:1rem;padding:1rem;text-decoration:none;transition:all .3s;display:flex}.article-detail-page .article-detail-related-card:hover{border-color:var(--color-primary);transform:translate(5px)}.article-detail-page .article-detail-related-img{background:var(--color-bg-tertiary);border-radius:8px;flex-shrink:0;width:120px;height:80px;overflow:hidden}.article-detail-page .article-detail-related-img img{object-fit:cover;width:100%;height:100%}.article-detail-page .article-detail-related-img img[data-placeholder=logo]{object-fit:contain}.article-detail-page .article-detail-related-content{flex:1;min-width:0}.article-detail-page .article-detail-related-card h3{color:var(--color-text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:1.1rem;font-weight:600;display:-webkit-box;overflow:hidden}.article-detail-page .article-detail-related-card:hover h3{color:var(--color-primary-light)}.article-detail-page .article-detail-related-card p{color:var(--color-text-quaternary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.article-detail-page .article-detail-loading,.article-detail-page .article-detail-empty{flex-direction:column;justify-content:center;align-items:center;min-height:50vh;display:flex}.article-detail-page .article-detail-empty{gap:1rem}.article-detail-page .article-detail-loading p,.article-detail-page .article-detail-empty p{color:var(--color-text-quaternary)}.article-detail-page .article-detail-empty a{color:var(--color-primary-light);text-decoration:underline}.article-detail-page .article-detail-empty a:hover{text-decoration:none}.pagination-wrap{justify-content:center;margin-top:1.5rem;display:flex}.pagination-wrap .pagination{align-items:center;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.pagination-wrap .pagination-page,.pagination-wrap .pagination-prev,.pagination-wrap .pagination-next,.pagination-wrap .pagination-break{list-style:none}.pagination-wrap .pagination-page-link,.pagination-wrap .pagination-prev a,.pagination-wrap .pagination-next a,.pagination-wrap .pagination-break a{min-width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;padding:0 .5rem;font-size:.9rem;text-decoration:none;transition:all .2s;display:inline-flex}.pagination-wrap .pagination-page-link:hover,.pagination-wrap .pagination-prev a:not(.disabled):hover,.pagination-wrap .pagination-next a:not(.disabled):hover{border-color:var(--color-primary);color:var(--color-text-primary);background:#ffffff1a}.pagination-wrap .pagination-page.active .pagination-page-link{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination-wrap .pagination-prev.disabled a,.pagination-wrap .pagination-next.disabled a{opacity:.4;cursor:not-allowed;pointer-events:none}.pagination-wrap .pagination-break a{cursor:default;background:0 0;border:none}.article-mgmt-search-wrap,.users-mgmt-search-wrap{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.users-mgmt-search-wrap .article-mgmt-search-input-wrap{flex:1;min-width:200px}.article-mgmt-total-count{color:var(--color-text-quaternary);white-space:nowrap;font-size:.9rem}.users-mgmt-error{color:#f87171;background:#ef444426;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.users-mgmt-table-wrap{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;overflow-x:auto}.users-mgmt-table{border-collapse:collapse;width:100%}.users-mgmt-table th,.users-mgmt-table td{text-align:left;border-bottom:1px solid #ffffff0f;padding:.75rem 1rem}.users-mgmt-table th{color:var(--color-text-secondary);font-size:.85rem;font-weight:600}.users-mgmt-table td{color:var(--color-text-primary);font-size:.9rem}.users-mgmt-table tr:last-child td{border-bottom:none}.users-mgmt-table tr:hover td{background:#ffffff08}.users-mgmt-user-avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.users-mgmt-user-cell{align-items:center;gap:.5rem;display:flex}.users-mgmt-delete-btn{color:#f87171;cursor:pointer;background:#ef444426;border:1px solid #ef444480;border-radius:6px;padding:.35rem .75rem;font-size:.8rem;transition:all .2s}.users-mgmt-delete-btn:hover:not(:disabled){background:#ef444440;border-color:#f87171}.users-mgmt-delete-btn:disabled{opacity:.6;cursor:not-allowed}.user-center-liked-error{color:#f87171;margin-bottom:.5rem;font-size:1rem;font-weight:500}.user-center-liked-error-hint{color:var(--color-text-quaternary);margin-bottom:1rem;font-size:.875rem}.user-center-liked-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.site-maintenance{flex-direction:column;gap:1rem;padding:1rem 0;display:flex}.site-maintenance-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.site-maintenance-btn{background:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;border:1px solid #fff3;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.site-maintenance-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:#ffffff14}.site-maintenance-btn:disabled{opacity:.6;cursor:not-allowed}.site-maintenance-btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.site-maintenance-btn-primary:hover:not(:disabled){opacity:.9;filter:brightness(1.1)}.site-maintenance-btn-danger{color:#f87171;background:#ef444426;border-color:#ef444480}.site-maintenance-btn-danger:hover:not(:disabled){background:#ef444440;border-color:#f87171}.site-maintenance-display{grid-template-columns:minmax(220px,1fr) minmax(280px,2fr);gap:1rem;min-height:280px;display:grid}@media (max-width:768px){.site-maintenance-display{grid-template-columns:1fr}}.site-maintenance-files{background:var(--color-bg-secondary);border:1px solid #ffffff14;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.site-maintenance-files-header{color:var(--color-text-secondary);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.875rem;font-weight:600;display:flex}.site-maintenance-link{color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:.8rem;font-weight:500}.site-maintenance-link:hover{text-decoration:underline}.site-maintenance-files-list{flex:1;padding:.5rem;overflow-y:auto}.site-maintenance-empty{text-align:center;color:var(--color-text-quaternary);padding:1.5rem 1rem;font-size:.875rem}.site-maintenance-file-item{cursor:pointer;color:var(--color-text-secondary);border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;transition:background .2s;display:flex}.site-maintenance-file-item:hover{background:#ffffff0d}.site-maintenance-file-item input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer}.site-maintenance-logs{background:var(--color-bg-secondary);border:1px solid #ffffff14;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.site-maintenance-logs-header{color:var(--color-text-secondary);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.875rem;font-weight:600;display:flex}.site-maintenance-copy{color:var(--color-text-tertiary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.8rem;transition:all .2s;display:inline-flex}.site-maintenance-copy:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:#ffffff1a}.site-maintenance-copy:disabled{opacity:.5;cursor:not-allowed}.site-maintenance-logs-content{flex:1;padding:1rem;font-family:ui-monospace,SF Mono,Cascadia Mono,monospace;font-size:.8rem;line-height:1.6;overflow-y:auto}.site-maintenance-logs-placeholder{color:var(--color-text-quaternary);font-style:italic}.site-maintenance-log-line{word-break:break-word;margin-bottom:.35rem}.site-maintenance-log-line[data-level=error]{color:#ef4444}.site-maintenance-log-line[data-level=warn]{color:#f59e0b}.site-maintenance-log-line[data-level=success]{color:#22c55e}.site-maintenance-log-line[data-level=info]{color:var(--color-text-tertiary)}.site-maintenance-log-time{opacity:.8;margin-right:.5rem}.site-maintenance-log-level{margin-right:.5rem;font-weight:600}.site-maintenance-log-msg{color:inherit}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--color-primary)transparent;margin:0;padding:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--color-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-primary-light)}.seo-indexable-text{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html{width:100%;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg-primary);width:100%;min-height:100vh;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer}main{flex-direction:column;flex:1;width:100%;display:flex}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}