:root{--gold: #d09a4b;--gold2: #e6bd7b;--panel: #151514;--line: #3b352d;--muted: #918a80}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:#0b0b0a;color:#eee7dc;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif;-webkit-font-smoothing:antialiased}.serif{font-family:Georgia,Times New Roman,serif}.app{display:flex;min-height:100vh}.side{width:225px;position:fixed;inset:0 auto 0 0;background:#080808;border-right:1px solid #302b24}.main{margin-left:225px;width:calc(100% - 225px)}.content{padding:27px;width:100%}.brand{height:150px;text-align:center;padding:23px;border-bottom:1px solid #29251f;position:relative}.pole{position:absolute;left:0;top:0;bottom:0;width:8px;background:repeating-linear-gradient(135deg,#bd8540 0,#bd8540 12px,#ead8b7 12px,#ead8b7 24px,#792a22 24px,#792a22 36px)}.brand h1{margin:0;color:var(--gold2);font:32px Georgia;letter-spacing:7px}.brand small{font:12px Georgia;letter-spacing:3px;color:#a28b6b}.brand em{display:block;font:9px Georgia;color:#6e6458;letter-spacing:2px;margin-top:8px}.nav{padding:17px 12px}.nav a{height:44px;display:flex;align-items:center;gap:13px;padding:0 15px;margin:3px 0;color:#aaa39a;text-decoration:none;border-radius:5px;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s,color .15s}.nav a:hover{color:#eee7dc}.nav a.active{background:linear-gradient(90deg,#44372b,#29231e);color:#fff;border-left:3px solid var(--gold);padding-left:12px}.nav i{width:20px;text-align:center;font-style:normal;color:#918677;font-size:17px}.nav a.active i{color:var(--gold2)}.bottom-mark{position:absolute;bottom:25px;width:100%;text-align:center;color:#685c4d;font:12px Georgia;letter-spacing:3px}.bottom-mark b{display:block;font-size:32px}.top{height:64px;background:#090909;border-bottom:1px solid #2d2924;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.welcome{font-size:15px}.welcome span{color:var(--gold2)}.top .right{display:flex;gap:22px;align-items:center;color:#8f8a80;font-size:12px}.user{display:flex;align-items:center;gap:8px;color:#ddd;cursor:pointer}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#b9976d,#33271d);border:1px solid #86613a;font-size:13px}.hero{height:222px;border:1px solid #4b3b2a;border-radius:8px;position:relative;overflow:hidden;margin-bottom:15px;background:radial-gradient(circle at 35% 60%,rgba(184,120,47,.3),transparent 33%),linear-gradient(100deg,#25170d,#120f0c 65%,#1b130c)}.hero:after{content:"BARBER";position:absolute;right:35px;bottom:-28px;font:170px Georgia;color:#fff;opacity:.035;letter-spacing:8px;pointer-events:none}.hero-copy{position:absolute;left:48px;top:35px}.eyebrow{font:16px Georgia;color:#d6b88c;letter-spacing:4px}.hero h2{font:58px Georgia;margin:10px 0;color:#e8d9bc;letter-spacing:6px;text-shadow:2px 3px #2b1b10}.hero p{margin:0;color:#a9957a;font:13px Georgia;letter-spacing:3px}.hero-mark{position:absolute;left:48px;bottom:18px;color:#9a7040;font:12px Georgia;letter-spacing:5px}.kpis{position:absolute;right:20px;top:18px;width:55%;display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.kpis--3{grid-template-columns:repeat(3,1fr)}.kpi{height:150px;background:#12110feb;border:1px solid #51422f;border-radius:9px;text-align:center;padding:14px}.kpi .icon{font-size:25px;color:var(--gold2);font-style:normal}.kpi label{display:block;color:#c7b795;font-size:12px;margin-top:4px}.kpi strong{display:block;color:#e7bd78;font:23px Georgia;margin:9px 0}.kpi small{color:#7da45b}.announce{height:43px;border:1px solid #40382d;background:#11100f;border-radius:7px;display:flex;align-items:center;padding:0 15px;margin-bottom:15px;font-size:13px}.announce b{color:var(--gold2);font-size:18px;margin-right:10px}.announce span{color:#bbb2a5}.announce a{margin-left:auto;color:#d2a25e;cursor:pointer}.row{display:grid;gap:15px;margin-bottom:15px}.r1{grid-template-columns:1.25fr 1fr .95fr .48fr}.r1--3{grid-template-columns:1.2fr 1fr .95fr}.r2{grid-template-columns:1.2fr .95fr 1.1fr}.panel{background:linear-gradient(145deg,#181716,#111110);border:1px solid var(--line);border-radius:8px;padding:16px;min-height:260px}.head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.title{font-size:16px;font-weight:700}.title:before{content:"";display:inline-block;width:3px;height:16px;background:var(--gold);margin-right:8px;vertical-align:-3px}.select{font-size:11px;color:#b8aa95;border:1px solid #4a4237;padding:5px 8px;border-radius:4px;cursor:pointer}.event{height:45px;display:grid;grid-template-columns:52px 18px 1fr 46px;align-items:center;border-bottom:1px solid #292622;font-size:12px}.event:last-child{border:0}.time{color:#d9c5a7;font-family:Georgia}.dot{width:9px;height:9px;border:2px solid #b48a51;border-radius:50%;position:relative}.dot:after{content:"";position:absolute;left:2px;top:7px;height:33px;border-left:1px solid #51483d}.event:last-child .dot:after{display:none}.service{color:#8d877e;margin-left:7px;font-style:normal}.arrive{color:#76a754}.doing{color:#d58d42}.wait{color:#77736e}.rank{display:grid;grid-template-columns:25px 1fr 75px 42px;align-items:center;height:40px;border-bottom:1px solid #292622;font-size:12px}.rank:last-child{border:0}.num{width:22px;height:22px;line-height:22px;text-align:center;border-radius:50%;background:#40362b;color:#d7bc91}.num.hot{background:#a96926;color:#fff}.bar{height:4px;background:#37322d;border-radius:4px;overflow:hidden;margin-left:10px}.bar i{display:block;height:100%;background:linear-gradient(90deg,#80562c,#e0ac5d)}.member{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #292622}.member:last-child{border:0}.face{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#b99770,#3e2e21);font-size:12px;flex-shrink:0}.member p{margin:0;font-size:12px}.member small{display:block;color:#817b73;margin-top:3px}.member time{margin-left:auto;color:#777;font-size:10px}.offer{background:#b68b4d;color:#2c1d10;border-color:#9a703a;position:relative;overflow:hidden}.offer:after{content:"✂";position:absolute;right:-7px;top:0;font-size:95px;opacity:.12}.offer .title{color:#2c1d10}.offer .title:before{background:#352316}.offer h3{text-align:center;font:23px Georgia;margin:13px 0 5px}.offer p{text-align:center;font:12px Georgia;margin:0 0 13px}.deal{display:flex;justify-content:center;gap:5px;border:1px solid #654822;background:#d4ae6c;padding:8px;margin:7px 0;font:14px Georgia}.deal b{font-size:17px}.offer button{width:100%;margin-top:8px;padding:9px;background:#201810;color:#e4c28c;border:1px solid #4b321b;border-radius:4px;cursor:pointer}.store{display:grid;grid-template-columns:1.1fr 1fr;gap:12px}.store-img{min-height:126px;border-radius:5px;background:linear-gradient(135deg,#2c2016,#704a2b 52%,#17120e);position:relative}.store-img:after{content:"剪艺 BARBER SHOP";position:absolute;left:13px;top:48px;font:16px Georgia;color:#d6ad70;letter-spacing:2px}.open{color:#7eab55;font-weight:700;font-size:14px}.open:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#7aaa4f;margin-right:6px}.store-info p{font-size:11px;color:#8d887f;line-height:1.8}.store-info b{color:#e4d3ae}.ov-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ov{border:1px solid #302b24;background:#141311;border-radius:6px;padding:13px;text-align:center}.ov label{display:block;color:#9c8f7d;font-size:11px}.ov strong{display:block;color:#e7bd78;font:22px Georgia;margin-top:8px}.revenue{height:150px;border-bottom:1px solid #38332d;position:relative}.line{height:112px}.line svg{width:100%;height:100%}.badge{position:absolute;right:0;top:0;background:#ead9ba;color:#352619;padding:5px 8px;border-radius:3px;font-size:11px;font-weight:700}.axis{display:flex;justify-content:space-between;color:#6e6962;font-size:9px}.page-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}.page-heading:before{content:"";width:4px;height:22px;background:var(--gold);border-radius:2px}.page-heading h3.ant-typography{margin:0;color:#eee7dc}.ant-card{background:linear-gradient(145deg,#181716,#111110)!important;border:1px solid var(--line)!important}.ant-card .ant-card-head{border-bottom:1px solid #292622}.ant-card .ant-card-head-title{color:#eee7dc}.ant-card .ant-card-head-title:before{content:"";display:inline-block;width:3px;height:14px;background:var(--gold);margin-right:8px;vertical-align:-2px}.ant-table{background:transparent}.ant-table-thead>tr>th{font-family:Georgia,serif;letter-spacing:.5px}.ant-typography,.ant-statistic-title,.ant-statistic-content{color:#eee7dc}.ant-modal .ant-modal-content{background:linear-gradient(145deg,#181716,#111110);border:1px solid var(--line)}.ant-modal .ant-modal-header{background:transparent}.ant-modal .ant-modal-title,.ant-modal-confirm-title{color:#eee7dc}.ant-modal-confirm-content{color:#b8b0a5}.ant-message .ant-message-notice-content{background:#1b1a19;border:1px solid var(--line);color:#eee7dc}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:32px;background:linear-gradient(#090705d6,#090705e6),url(https://images.unsplash.com/photo-1503951914875-452162b0f3f1?auto=format&fit=crop&w=1800&q=80) center / cover no-repeat}.login-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 18% 15%,rgba(184,120,47,.18),transparent 42%),radial-gradient(circle at 84% 82%,rgba(184,120,47,.12),transparent 40%);pointer-events:none}.login-card{width:min(500px,94vw);background:linear-gradient(145deg,#1a1816f7,#0c0b0af7);border:1px solid var(--line);border-radius:14px;padding:52px 54px 42px;box-shadow:0 40px 100px #000000b3;position:relative;z-index:1}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:repeating-linear-gradient(135deg,#bd8540 0,#bd8540 12px,#ead8b7 12px,#ead8b7 24px,#792a22 24px,#792a22 36px);border-radius:14px 14px 0 0}.login-brand-top{text-align:center;margin-bottom:30px}.login-brand-top .crown{font-size:54px;line-height:1;color:var(--gold)}.login-brand-top h1{font:600 62px/1 Georgia,Times New Roman,serif;letter-spacing:12px;color:var(--gold2);margin:14px 0 6px;text-shadow:0 4px 30px rgba(208,154,75,.35)}.login-brand-top .sub{font:15px Georgia,Times New Roman,serif;letter-spacing:6px;color:#a28b6b}.login-title{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:14px}.login-title .line{flex:1;max-width:90px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.login-title .line:last-child{background:linear-gradient(90deg,var(--gold),transparent)}.login-title .txt{font:22px Georgia,Times New Roman,serif;letter-spacing:4px;color:#eee7dc}.login-foot{margin-top:26px;text-align:center;color:#6e6962;font-size:12px;letter-spacing:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#3a342c;border-radius:6px}::-webkit-scrollbar-track{background:transparent}@media (max-width: 1180px){.hero{height:auto;padding-bottom:15px}.hero-copy{position:relative;left:25px;top:0;padding-top:28px}.kpis{position:static;width:auto;margin:15px}.r1,.r2{grid-template-columns:1fr 1fr}.offer{grid-column:span 2}}@media (max-width: 800px){.side{width:68px}.brand h1{font-size:0}.brand h1:after{content:"剪";font-size:25px}.brand small,.brand em,.bottom-mark,.nav span{display:none}.nav a{justify-content:center;padding:0}.main{margin-left:68px;width:calc(100% - 68px)}.right span{display:none}.content{padding:15px}.kpis{grid-template-columns:1fr 1fr}.r1,.r2{grid-template-columns:1fr}.offer{grid-column:auto}.hero h2{font-size:40px}}.cs-widget{position:fixed;right:24px;bottom:24px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.cs-pop{position:relative;width:218px;background:linear-gradient(160deg,#1b1a19,#111110);border:1px solid #4a3d2c;border-radius:10px;padding:16px;text-align:center;box-shadow:0 12px 32px #0000008c}.cs-pop-head{color:#e6bd7b;font:15px Georgia;letter-spacing:3px;margin-bottom:12px}.cs-pop img{width:168px;height:168px;object-fit:contain;background:#fff;border-radius:8px;padding:6px;box-sizing:border-box}.cs-pop-tip{margin-top:10px;color:#918a80;font-size:12px;letter-spacing:1px}.cs-close{position:absolute;top:6px;right:10px;background:none;border:none;color:#6e6962;font-size:18px;line-height:1;cursor:pointer}.cs-close:hover{color:#eee7dc}.cs-btn{position:relative;display:flex;align-items:center;gap:8px;height:50px;padding:0 18px 0 14px;border-radius:25px;border:1px solid #e0b06a;background:linear-gradient(135deg,#e8bd7e,#c99345);color:#1f1810;cursor:pointer;box-shadow:0 6px 20px #d29a4a73;transition:transform .15s,box-shadow .15s;animation:cs-pulse 2s infinite}.cs-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #d29a4a99}.cs-btn-icon{font-size:20px;line-height:1}.cs-btn-text{font-size:14px;font-weight:700;letter-spacing:2px}.cs-btn-dot{position:absolute;top:-2px;right:-2px;width:12px;height:12px;border-radius:50%;background:#e8483f;border:2px solid #111110;animation:cs-dot 1.6s infinite}@keyframes cs-pulse{0%{box-shadow:0 6px 20px #d29a4a73,0 0 #e8bd7e8c}70%{box-shadow:0 6px 20px #d29a4a73,0 0 0 14px #e8bd7e00}to{box-shadow:0 6px 20px #d29a4a73,0 0 #e8bd7e00}}@keyframes cs-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}