:root{--red:#ff2442;--text:#333;--muted:#999;--bg:#f5f5f5;--line:#eee}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#ddd;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}button,input{font:inherit}.hidden{display:none!important}.app-shell{width:min(100%,500px);min-height:100vh;margin:auto;background:var(--bg);box-shadow:0 0 30px rgba(0,0,0,.12)}.content{min-height:100vh;padding-bottom:76px}.tabbar{position:fixed;left:50%;bottom:0;z-index:1000;display:flex;align-items:center;width:min(100%,500px);height:64px;padding-bottom:env(safe-area-inset-bottom);transform:translateX(-50%);background:#fff;box-shadow:0 -1px 0 #eee}.tabbar button{display:flex;flex:1;align-items:center;justify-content:center;height:64px;border:0;background:none;color:#999}.tabbar em{font-size:16px;font-style:normal}.tabbar button.active em{color:var(--red);font-size:19px;font-weight:700}.finger-tab img{width:29px;height:29px;object-fit:contain;transform:translateY(2px)}
.home-header{position:sticky;top:0;z-index:20;padding:12px 12px 10px;background:#fff}.home-tabs{display:flex;align-items:center;justify-content:center;height:40px}.home-tabs button{position:relative;padding:0 18px;border:0;background:none;color:#999;font-size:15px}.home-tabs button.active{color:#333;font-size:17px;font-weight:700}.home-tabs button.active:after{position:absolute;bottom:-10px;left:50%;width:18px;height:3px;content:"";transform:translateX(-50%);background:var(--red);border-radius:99px}.search-box{display:flex;align-items:center;justify-content:center;height:36px;margin-top:10px;background:#f5f5f5;border-radius:99px;color:#999;font-size:14px}.search-icon{width:12px;height:12px;margin-right:8px;border:2px solid #999;border-radius:50%;position:relative}.search-icon:after{position:absolute;right:-6px;bottom:-3px;width:6px;height:2px;content:"";background:#999;transform:rotate(45deg)}.feed{padding:6px}.waterfall{display:flex;gap:8px}.column{flex:1;min-width:0}.note-card{overflow:hidden;margin-bottom:8px;background:#fff;border-radius:8px;cursor:pointer}.cover-wrap{position:relative;overflow:hidden;width:100%;background:#ececec}.cover-bg,.note-cover{position:absolute;inset:0;width:100%;height:100%}.cover-bg{opacity:.22;filter:blur(10px);transform:scale(1.12);object-fit:cover}.note-cover{z-index:1;object-fit:contain}.note-body{padding:8px}.note-title{display:-webkit-box;overflow:hidden;margin:0 0 8px;color:#333;font-size:14px;font-weight:500;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.author{display:flex;align-items:center;min-width:0;color:#999;font-size:12px}.author img{flex:none;width:21px;height:21px;margin-right:6px;border-radius:50%;object-fit:cover}.author-name{overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}.like-count{flex:none;margin-left:7px;color:#999}.like-count:before{margin-right:3px;content:"♡";font-size:17px}.empty,.notice{padding:80px 20px;color:#aaa;text-align:center}.notice strong{display:block;margin-bottom:10px;color:#333}.primary,.secondary{height:44px;padding:0 24px;border:0;border-radius:99px;font-weight:700}.primary{background:var(--red);color:#fff}.secondary{background:#f5f5f5;color:#555}.primary:disabled,.secondary:disabled{opacity:.45}.actions{display:flex;justify-content:center;gap:10px;margin-top:18px}
.page-nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;height:52px;padding:0 12px;background:#fff;border-bottom:1px solid #f0f0f0}.back{display:flex;align-items:center;justify-content:center;width:32px;border:0;background:none;color:#333;font-size:34px}.nav-author{display:flex;align-items:center;min-width:0;flex:1}.nav-author img{width:30px;height:30px;margin-right:8px;border-radius:50%;object-fit:cover}.nav-author strong{overflow:hidden;max-width:130px;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.follow{margin-left:9px;padding:6px 12px;border:0;border-radius:99px;background:var(--red);color:#fff;font-size:12px}.nav-title{flex:1;text-align:center;font-size:16px;font-weight:800}.vip-chip{display:none}.article-images{position:relative;background:#ececec}.detail-image-stage{position:relative;overflow:hidden;width:100%;max-height:750px}.detail-bg,.detail-image{display:block;width:100%}.detail-bg{position:absolute;inset:0;height:100%;object-fit:cover;opacity:.2;filter:blur(14px);transform:scale(1.1)}.detail-image{position:relative;z-index:1;height:auto;max-height:750px;object-fit:contain}.article{padding:15px;background:#fff}.article h1{margin:0 0 10px;font-size:19px;line-height:1.4}.paragraph{margin:0 0 16px;color:#333;font-size:14px;line-height:1.65;white-space:pre-wrap}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tag{color:#13386c;font-size:14px}.article-meta{margin-top:14px;color:#bbb;font-size:12px}.ad-placeholder{display:flex;align-items:center;justify-content:center;height:76px;margin:18px 0;color:#c4c4c4;font-size:11px;letter-spacing:3px;background:#f7f7f7;border-radius:6px}.actionbar{display:flex;align-items:center;gap:2px;margin-top:16px}.actionbar .primary{min-width:0;flex:1;height:44px}.small-action{display:flex;flex:0 0 48px;flex-direction:column;align-items:center;justify-content:center;height:50px;border:0;background:none;color:#888;font-size:10px}.small-action b{font-size:21px;font-weight:400}.resource-links{display:grid;gap:9px;margin-top:12px}.resource-link{display:flex;align-items:center;justify-content:space-between;padding:13px;border-radius:8px;background:#f6f6f6;color:#333;text-decoration:none}
.gold-page{min-height:100vh;background:#f6f3ee}.banner{display:block;width:calc(100% - 28px);height:130px;margin:14px;border-radius:10px;object-fit:cover}.history-card{margin-top:10px;padding:16px 0 0;background:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee}.history-title{margin:0 14px;padding-left:11px;border-left:5px solid var(--red);font-size:18px;font-weight:850}.history{margin-top:14px;overflow-x:hidden}.history table{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse}.history th,.history td{height:52px;padding:6px 1px;text-align:center;border-bottom:1px solid #ededed;font-size:11px;white-space:nowrap}.history th{color:#999;font-size:10px;font-weight:400}.history th:first-child,.history td:first-child{width:23%}.yang.strong{color:#e53935}.yin.strong{color:#11a52b}.pager{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;color:#999}.pager button{border:0;background:none;color:#555}.disclaimer{padding:18px 0 30px;color:#aaa095;font-size:11px;text-align:center}
.dark-page{min-height:100vh;background:#f6f6f6}.tabs{position:sticky;top:0;z-index:20;display:flex;height:46px;background:#fff;border-bottom:1px solid #eee}.tabs button{position:relative;flex:1;border:0;background:none;color:#777;font-size:14px}.tabs button.active{color:#222;font-weight:700}.tabs button.active:after{position:absolute;bottom:0;left:50%;width:26px;height:3px;content:"";transform:translateX(-50%);background:var(--red);border-radius:99px}.query-wrap{padding:15px 12px}.query-card{padding:24px 16px 19px;background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.04)}.stock-input{width:100%;height:50px;padding:0 12px;border:1px solid transparent;border-radius:8px;outline:none;background:#f7f7f7;text-align:center;font-size:18px;font-weight:700;letter-spacing:4px}.trade-date{margin-top:14px;text-align:center;font-size:16px;font-weight:700}.query-actions{display:flex;gap:9px;margin-top:20px}.query-actions .primary{flex:1}.contact{flex:0 0 100px;border:1px solid var(--red);border-radius:99px;background:#fff;color:var(--red);font-weight:700}.quota{margin-top:12px;padding:12px;background:#fafafa;border-radius:8px}.quota-main{text-align:center;color:#555;font-size:13px}.quota-main b{color:#222;font-size:17px}.quota-row{display:flex;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px solid #eee;color:#777;font-size:11px}.order-list{margin:12px;overflow:hidden;background:#fff;border-radius:10px}.order{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:0 14px;border-bottom:1px solid #eee}.order strong{display:block;font-size:16px;letter-spacing:1px}.order small{display:block;margin-top:4px;color:#aaa;font-size:10px}.status{color:#b07a12;font-size:13px}.status.ready{color:var(--red);font-weight:700}
.profile-page{min-height:100vh;background:#f5f5f5}.profile-hero{padding:42px 15px 26px;background:linear-gradient(135deg,#ff9a9e,#ff2442);color:#fff}.profile-card{display:flex;align-items:center}.profile-card img{width:65px;height:65px;margin-right:12px;border:2px solid rgba(255,255,255,.6);border-radius:50%;object-fit:cover}.profile-card h2{margin:0;font-size:20px}.profile-card small{display:block;margin-top:5px;opacity:.85}.rights{display:flex;gap:6px;margin-top:7px}.pill{padding:3px 8px;color:#69430a;font-size:10px;font-weight:800;background:linear-gradient(135deg,#fff1bd,#edc66a 55%,#d9a93d);border-radius:99px}.quick-menu{display:flex;align-items:flex-start;margin:-8px 10px 12px;padding:13px 6px 11px;background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.08)}.quick-item{display:flex;flex:0 0 16.6667%;flex-direction:column;align-items:center;border:0;background:none;color:#333;font-size:10px;font-weight:600}.quick-item img{width:29px;height:29px;margin-bottom:5px;object-fit:contain}.gift{margin:0 10px;padding:17px 15px;background:#fff;border-radius:10px}.gift-row{display:flex;gap:8px;margin-top:11px}.gift-row input{min-width:0;flex:1;height:40px;padding:0 10px;border:0;border-radius:6px;background:#f6f6f6}.gift-row .primary{height:40px}.web-note{margin:12px 10px;padding:12px;border-radius:8px;background:#fff;color:#999;font-size:11px;line-height:1.7}
.payment-page{min-height:100vh;background:#f6f6f6}.payment-summary{padding:15px 14px 5px;color:#999;font-size:12px}.payment-list{display:grid;gap:10px;padding:10px 12px 20px}.payment-order{padding:16px 15px;background:#fff;border-radius:12px;box-shadow:0 3px 12px rgba(0,0,0,.035)}.payment-order-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px dashed #e6e6e6}.payment-order-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.payment-status{flex:none;padding:4px 9px;border-radius:99px;font-size:11px;font-weight:700}.payment-status.success{color:#0b9a56;background:#eaf8f1}.payment-status.pending{color:#b47410;background:#fff6dc}.payment-status.failed{color:#cf3949;background:#fff0f2}.payment-amount{display:flex;align-items:baseline;justify-content:space-between;padding:14px 0 10px;color:#888}.payment-amount b{color:#ef4c2c;font-size:21px}.payment-order dl{display:grid;grid-template-columns:64px 1fr;gap:7px 10px;margin:0;color:#999;font-size:11px}.payment-order dt,.payment-order dd{margin:0}.payment-order dd{overflow-wrap:anywhere;color:#555;text-align:right}
.loading-page{display:flex;min-height:calc(100vh - 76px);flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#999;font-size:13px}.loading-page i{width:30px;height:30px;border:3px solid #e7e7e7;border-top-color:var(--red);border-radius:50%;animation:loading-spin .75s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;bottom:90px;z-index:1100;max-width:80%;padding:10px 16px;transform:translate(-50%,15px);border-radius:99px;background:rgba(0,0,0,.78);color:#fff;font-size:13px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:501px){.app-shell{border-left:1px solid #ccc;border-right:1px solid #ccc}}
.login-page{display:flex;min-height:100vh;padding:90px 34px 40px;flex-direction:column;align-items:center;background:#fff;text-align:center}.login-logo img{width:78px;height:78px;border-radius:50%;object-fit:cover}.login-page h1{margin:22px 0 8px;font-size:22px}.login-page p{margin:0 0 34px;color:#999;font-size:13px}.wechat-login,.browser-login{width:100%;height:48px;border-radius:99px;font-weight:700}.wechat-login{border:0;background:#07c160;color:#fff}.wechat-login:disabled{background:#b8dcc5}.browser-login{margin-top:14px;border:1px solid #ddd;background:#fff;color:#777}.login-page small{margin-top:9px;color:#aaa}.access-page{min-height:100vh;background:#f5f5f5}.access-card{margin:18px 12px;padding:25px 17px;background:#fff;border-radius:12px;text-align:center}.access-card.compact{padding-top:20px}.qr-title{margin:23px 0 10px;color:#777;font-size:13px}.enterprise-qr{display:block;width:100%;max-width:330px;height:auto;margin:0 auto;border-radius:9px}.logout{display:block;margin:16px auto 0;padding:12px 30px;border:0;background:none;color:#999}.gift .enterprise-qr{margin-bottom:6px}.profile-login{width:100%;padding:0;border:0;background:none;color:#fff;text-align:left}.profile-login>div{flex:1}.profile-arrow{font-size:35px;font-weight:200;opacity:.8}.guest-tip{color:#999;font-size:12px}.guest-login-button{width:100%}.login-mask{position:fixed;inset:0;z-index:1300;display:flex;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.45)}.login-panel{width:min(100%,500px);padding:10px 24px calc(20px + env(safe-area-inset-bottom));background:#fff;border-radius:18px 18px 0 0;text-align:center}.login-handle{width:36px;height:4px;margin:0 auto 19px;background:#ddd;border-radius:99px}.login-panel h2{margin:0 0 8px;font-size:21px}.login-panel p{margin:0 0 24px;color:#999;font-size:13px}.login-panel small{display:block;margin-top:8px;color:#aaa}.login-panel .browser-login{margin-top:12px}.login-cancel{width:100%;height:42px;margin-top:5px;border:0;background:none;color:#999}
.dark-order-toolbar{display:flex;align-items:center;justify-content:space-between;margin:12px 12px 0;padding:12px 14px;background:#fff;border-radius:10px}.dark-order-toolbar button{padding:5px 13px;border:1px solid #ddd;border-radius:99px;background:#fff;color:#555}
.force-password-mask{align-items:center;padding:20px}.force-password-mask .login-panel{border-radius:18px;padding-bottom:24px}.force-password-mask .login-handle{display:none}
.finger-tab .plus-btn{display:flex;width:48px;height:32px;align-items:center;justify-content:center;border-radius:10px;background:#ff2442;box-shadow:0 3px 8px rgba(255,36,66,.35);color:#fff;font-size:28px;font-weight:300;line-height:1}.quick-entry-mask{position:fixed;inset:0;z-index:1400;display:flex;align-items:flex-end;justify-content:center;padding:0 10px calc(10px + env(safe-area-inset-bottom));background:rgba(0,0,0,.45)}.quick-entry-sheet{width:min(100%,480px);overflow:hidden;border-radius:13px;background:transparent}.quick-entry-sheet button{display:block;width:100%;height:56px;border:0;border-bottom:1px solid #eee;background:#fff;color:#333;font-size:17px}.quick-entry-sheet button:first-child{border-radius:13px 13px 0 0}.quick-entry-sheet button:nth-child(2){border-bottom:0;border-radius:0 0 13px 13px}.quick-entry-sheet .quick-entry-cancel{height:54px;margin-top:9px;border:0;border-radius:13px;color:#666;font-weight:600}