:root{--lx-page:#f8f7fa;--lx-surface:#fff;--lx-raised:#f3f1f5;--lx-text:#29242e;--lx-muted:#736c79;--lx-line:#e7e1e9;--lx-accent:#d92370;--lx-accent-soft:#fbe7f0;--lx-on-accent:#fff;--lx-media:#24212a;--lx-shadow:0 8px 36px #39223909;--pink:var(--lx-accent);--pink-soft:var(--lx-accent-soft);--ink:var(--lx-text);--muted:var(--lx-muted);--page:var(--lx-page);--line:var(--lx-line);color-scheme:light}
:root[data-theme=dark]{--lx-page:#131116;--lx-surface:#1d1921;--lx-raised:#29232e;--lx-text:#f3edf4;--lx-muted:#b9adbf;--lx-line:#3b3141;--lx-accent:#ff78b0;--lx-accent-soft:#412234;--lx-on-accent:#321021;--lx-media:#110f14;--lx-shadow:0 8px 36px #0002;color-scheme:dark}
.theme-toggle{background:var(--lx-raised);color:var(--lx-text);border:1px solid var(--lx-line);border-radius:22px;padding:9px 14px;min-height:42px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;cursor:pointer;white-space:nowrap}.theme-toggle:hover{border-color:var(--lx-accent);color:var(--lx-accent)}.theme-toggle:focus-visible{outline:3px solid var(--lx-accent);outline-offset:3px}
body.lx-app,body.lx-auth{background:var(--lx-page)!important;color:var(--lx-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft JhengHei",sans-serif;line-height:1.65}body.lx-app a,body.lx-auth a{color:var(--lx-accent)}body.lx-app a:hover,body.lx-auth a:hover{color:var(--lx-accent)}.lx-app p,.lx-auth p{color:var(--lx-text)}.lx-app ::-webkit-scrollbar,.lx-auth ::-webkit-scrollbar{display:block;width:6px;height:6px}.lx-app ::-webkit-scrollbar-thumb,.lx-auth ::-webkit-scrollbar-thumb{background:var(--lx-line);border-radius:8px}
.lx-app #main.container{max-width:1600px;padding:28px;margin:auto}.lx-app #main>.row{gap:22px;display:grid;grid-template-columns:230px minmax(0,1fr) 250px}.lx-app #main>.row>.col-xl-3,.lx-app #main>.row>main{max-width:100%;width:auto;min-width:0}.lx-app #main>.row>main{border:1px solid var(--lx-line);background:var(--lx-surface);border-radius:22px;overflow:clip;box-shadow:var(--lx-shadow);margin:0 0 95px;min-height:calc(100vh - 56px)}.lx-app main>.container-fluid{padding:20px!important}.lx-page-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;border-bottom:1px solid var(--lx-line);gap:12px}.lx-page-heading h1{font-size:20px;color:var(--lx-text);font-weight:700;margin:0}.lx-page-heading>a{font-size:12px;color:var(--lx-muted)!important}.lx-app #navbar{position:sticky!important;top:24px;left:auto;width:100%!important;height:calc(100vh - 48px);min-height:0;background:var(--lx-surface)!important;border:1px solid var(--lx-line);border-radius:22px;padding:24px 0;box-shadow:var(--lx-shadow)}.lx-app #navbar .logo{height:46px;max-width:100%;object-fit:contain}.lx-app nav ul li{padding:9px 12px;margin:4px 0;border-radius:10px;font-size:14px;color:var(--lx-text)}.lx-app nav ul li:hover{background:var(--lx-accent-soft);color:var(--lx-accent)}.lx-app .nav-title{font-size:12px;color:var(--lx-muted);margin:24px 0 12px}.lx-app .nav-text,.lx-app .nav-follow{color:var(--lx-text);font-size:14px}.lx-app .nav-hr{border-color:var(--lx-line)}.lx-app .search_area{min-height:0}.lx-app #main>.row>aside{background:var(--lx-surface);border:1px solid var(--lx-line);border-radius:22px;padding:20px!important;position:sticky;top:24px}.lx-app .search-rounded{background-color:var(--lx-raised);color:var(--lx-text);border:1px solid var(--lx-line);font-size:14px}.lx-app #navbarService,.lx-app #navbarSetting{background:var(--lx-surface)!important;color:var(--lx-text);border:1px solid var(--lx-line);border-radius:18px}.lx-app .topbar{background:var(--lx-surface)!important;border-bottom:1px solid var(--lx-line)}.lx-app .topbar .back,.lx-app .topbar .chat_name{color:var(--lx-text)}
.lx-app .form-control,.lx-auth .form-control,.lx-app textarea,.lx-auth textarea,.lx-app select,.lx-auth select{background:var(--lx-raised)!important;color:var(--lx-text)!important;border:1px solid var(--lx-line)!important;border-radius:12px;font-size:15px;font-weight:400;min-height:44px;padding:10px 14px}.lx-app .form-control::placeholder,.lx-auth .form-control::placeholder{color:var(--lx-muted)!important}.lx-app .form-control:focus,.lx-auth .form-control:focus{border-color:var(--lx-accent)!important;box-shadow:0 0 0 3px var(--lx-accent-soft)!important}.lx-app input:-webkit-autofill,.lx-auth input:-webkit-autofill{-webkit-text-fill-color:var(--lx-text)!important;-webkit-box-shadow:0 0 0 1000px var(--lx-raised) inset!important}.lx-app .form-check-label,.lx-auth .label,.lx-app .label,.lx-auth .font1,.lx-app .member_level,.lx-app .up_n{color:var(--lx-text)}.lx-app .form-check-input:checked{background-color:var(--lx-accent);border-color:var(--lx-accent)}
.lx-app .btn1,.lx-app .stored_btn,.lx-app .btn_fill,.lx-auth .btn1,.lx-app .btn_yes,.lx-app .btn-subscribe,.lx-app .btn-unlock1{background:var(--lx-accent)!important;color:var(--lx-on-accent)!important;border:0;border-radius:12px;box-shadow:none;min-height:42px;font-size:14px}.lx-app .btn1:hover,.lx-auth .btn1:hover{filter:brightness(.95)}.lx-app .title{font-size:15px;color:var(--lx-muted)}.lx-app .title.active{color:var(--lx-accent);border-color:var(--lx-accent)}.lx-app .title_hr,.lx-app .hr{border-color:var(--lx-line)}.lx-app .stored_wrap,.lx-app .textarea_wrap,.lx-app .pay_wrap{background:var(--lx-raised);border-color:var(--lx-line);border-radius:16px}.lx-app .modal-content,.lx-auth .modal-content,.lx-app .swal2-modal,.lx-auth .swal2-modal{background:var(--lx-surface)!important;color:var(--lx-text)!important;border:1px solid var(--lx-line)!important;border-radius:20px!important}.lx-app .modal-title,.lx-auth .modal-title,.lx-app .swal2-title,.lx-auth .swal2-title,.lx-app .swal2-content,.lx-auth .swal2-content{color:var(--lx-text)!important}.lx-app .close,.lx-auth .close{color:var(--lx-muted);opacity:1}.lx-app .modal-header,.lx-app .modal-footer{border-color:var(--lx-line)}.lx-app .footer-area{background:var(--lx-surface)!important;border-color:var(--lx-line);box-shadow:0 -4px 20px #00005}.lx-app .footer-content{color:var(--lx-muted)}.lx-app .footer-content .fa{font-size:20px}.lx-app .footer-content a{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:44px;font-size:10px;color:var(--lx-muted)}.lx-app .footer-content a[aria-current=page]{color:var(--lx-accent)}.lx-app table{color:var(--lx-text)}.lx-app table td,.lx-app table th{border-color:var(--lx-line)}
.lx-auth{min-height:100vh;height:auto!important}.lx-auth main{padding:85px 20px 40px;height:auto;min-height:100vh}.lx-auth .center_area{background:var(--lx-surface)!important;border:1px solid var(--lx-line);border-radius:24px;box-shadow:var(--lx-shadow)}.lx-auth .bottom_link,.lx-auth .back{color:var(--lx-accent)}.lx-auth-toolbar{position:absolute;top:20px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:14px}.lx-auth-toolbar>a{font-size:23px;font-weight:750}.lx-app .story_wrap,.lx-app .show2{background-color:var(--lx-media)}.lx-app .story_wrap .story_name,.lx-app .story_wrap .story_content,.lx-app .story_wrap .fa,.lx-app .up_info,.lx-app .up_info .up_n{color:#fff!important}.lx-app .story_lock{background:var(--lx-surface)!important;color:var(--lx-text)}
/* The homepage shares exactly the same semantic palette. */
.lx-home{background:var(--lx-page);color:var(--lx-text)}.lx-home .left-panel,.lx-home .home-header,.lx-home .feed-panel,.lx-home .explore-panel,.lx-home .age-dialog{background:var(--lx-surface);color:var(--lx-text)}.lx-home .composer{background:var(--lx-raised)}.lx-home .search-form{background:var(--lx-raised)}.lx-home .search-form input{color:var(--lx-text)}.lx-home .mobile-nav{background:var(--lx-surface)}.lx-home .pink-button{color:var(--lx-on-accent);background:var(--lx-accent)}.lx-home .feed-tabs a,.lx-home .post-actions{color:var(--lx-muted)}.lx-home .feed-tabs a.active{color:var(--lx-accent)}.lx-home .lock-label{background:var(--lx-accent-soft);color:var(--lx-accent)}.lx-home .theme-toggle{flex-shrink:0}.lx-home .home-header{gap:16px}.lx-home .age-dialog p{color:var(--lx-muted)}
@media(max-width:1199px){.lx-app #main.container{padding:0 18px}.lx-app #main>.row{display:block}.lx-app #main>.row>main{border-radius:0 0 20px 20px}.lx-app #navbar{position:fixed!important;top:0;left:-320px;width:300px!important;height:100vh;border-radius:0;z-index:100;transition:left .2s}.lx-app #navbar.nav-on{left:0}.lx-app .topbar{width:calc(100% - 36px)!important;max-width:none;top:0;left:18px}.lx-page-heading{margin-top:70px}.lx-app main>.container-fluid{margin-top:0!important}.lx-app #main>.row>aside{display:none}.lx-app #navbarService,.lx-app #navbarSetting{border-radius:0}.lx-app #navbarService.nav-on,.lx-app #navbarSetting.nav-on{left:0!important}}
@media(max-width:767px){.lx-home .home-header{gap:12px}.lx-home .theme-toggle{padding:7px 9px;font-size:11px;min-height:36px}.lx-home .mobile-brand{font-size:21px}.lx-home .mobile-video,.lx-home .mobile-search{font-size:14px}.lx-app #main.container{padding:0}.lx-app #main>.row>main{border:0;border-radius:0}.lx-app .topbar{width:100%!important;left:0}.lx-page-heading{padding:16px}.lx-page-heading h1{font-size:18px}.lx-app main>.container-fluid{padding:14px!important}.lx-app .modal-dialog{margin:12px}.lx-auth main{padding:80px 10px 24px}.lx-auth-toolbar{left:18px;right:18px}.lx-auth .center_area{border-radius:20px}.lx-auth .center_area .logo{max-width:100%;height:auto}.lx-app .story-card .bd .show2{min-width:0!important}.lx-app .story-card .bd .show2 img{max-width:100%}}
.lx-nav-brand{font-size:25px;font-weight:750!important;display:block;margin-bottom:24px}.lx-primary-links{display:grid;gap:6px;margin-bottom:24px}.lx-primary-links a{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:10px;font-size:14px;color:var(--lx-text)!important}.lx-primary-links a:hover{background:var(--lx-accent-soft);color:var(--lx-accent)!important}.lx-footer-links{display:flex;align-items:center;justify-content:space-around;height:64px;max-width:750px;margin:auto}.lx-app .footer-area{position:fixed;left:0;right:0;bottom:0;z-index:90;min-height:64px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--lx-line)}.lx-app .footer-content a{padding:8px}.lx-home .short-label{color:var(--lx-on-accent)}
.lx-auth-title{color:var(--lx-text);font-size:28px;font-weight:750;margin-bottom:10px}.lx-auth .lx-auth-intro{font-size:13px;color:var(--lx-muted)}.lx-auth .center_area{margin-top:35px!important;max-width:520px}.lx-auth .center_area form{width:100%}.lx-empty-state{padding:40px 20px;text-align:center;width:100%}.lx-empty-state h2{color:var(--lx-text);font-size:20px}.lx-empty-state p{color:var(--lx-muted);font-size:14px}.lx-app #preloader,.lx-auth #preloader{background:var(--lx-page)}
.lx-auth [data-aos]{opacity:1!important;transform:none!important}.lx-app .btn1:disabled,.lx-auth .btn1:disabled{opacity:.5;cursor:not-allowed}.lx-app .step.active,.lx-app .cbox .cboxtag input:checked+label{color:var(--lx-on-accent)!important}
.lx-app #uploadtypeModalCenter .modal-dialog{width:calc(100% - 32px);max-width:520px!important;margin:24px auto!important;height:auto!important;min-height:calc(100% - 48px)}.lx-app #uploadtypeModalCenter .modal-content,.lx-app #uploadtypeModalCenter .container-fluid{height:auto!important}.lx-app #uploadtypeModalCenter .custom-col2{max-width:100%;flex:0 0 100%;padding:28px!important}.lx-app #uploadtypeModalCenter .close{top:-10px;right:-10px;width:40px;height:40px}.lx-app .lx-upload-hint{color:var(--lx-muted);font-size:12px;margin:8px 0 20px}.lx-app #story_form{width:100%;gap:16px}.lx-app #story_form textarea{min-height:120px;width:100%;resize:vertical}.lx-app #story_form .paymenttype{border:1px solid var(--lx-line);border-radius:14px;box-shadow:none;background:var(--lx-raised);padding:16px}.lx-app #story_form .paymenttype .fa{font-size:30px;color:var(--lx-accent);margin-bottom:8px}.lx-app #story_form .paymenttype p{font-size:12px;margin:0;color:var(--lx-text)}.lx-app #story_form .paymenttype_out{padding:0 6px;max-width:50%;flex:1}.lx-app #uploadBtn{background:var(--lx-accent);color:var(--lx-on-accent);border:0;border-radius:12px;min-height:44px}.lx-app #uploadBtn:disabled{opacity:.45}.lx-app .topbar>div:not(.row){display:flex;align-items:center;gap:10px}.lx-app .topbar .nav-avatar{width:36px;height:36px}.lx-app .topbar .nav-text{font-size:13px}.lx-app .search-rounded{background-image:none;padding-left:16px}
@media(max-width:1199px){.lx-app .navbar-backdrop{left:300px;width:calc(100% - 300px)}.lx-app .topbar .navbar-toggler{cursor:pointer}}.lx-auth .verify_back{background:var(--lx-raised)}.lx-app .text-white:not(button):not(.btn1){color:var(--lx-text)!important}.lx-app .btn2{color:var(--lx-on-accent)}.lx-home .explore-panel h3{color:var(--lx-muted)}