:root{--g:#087b67;--gd:#075e52;--mint:#e6f5f1;--ink:#16241f;--muted:#74827e;--line:#e5ebe9;--bg:#f3f6f5;--danger:#d15858}*{box-sizing:border-box}body{color:var(--ink);background:#e5ecea;margin:0;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif}.app-shell{background:radial-gradient(circle at 12% 10%,#fff,#0000 28%),linear-gradient(135deg,#edf4f2,#dce8e5);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.phone{background:var(--bg);border:7px solid #17211e;border-radius:34px;width:390px;height:min(844px,100vh - 28px);min-height:680px;position:relative;overflow:hidden;box-shadow:0 30px 80px #173c342e}.phone:before{content:"";z-index:30;background:#17211e;border-radius:15px;width:96px;height:23px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.page{scrollbar-width:none;height:100%;padding-bottom:24px;overflow-y:auto}.page::-webkit-scrollbar{display:none}.with-nav{padding-bottom:82px}.auth{background:#fff}.auth-visual{color:#fff;background:linear-gradient(150deg,#075e52,#0a8e73);border-radius:0 0 38px 38px;height:290px;padding:60px 28px 28px}.logo{float:left;background:#ffffff26;border-radius:14px;place-items:center;width:46px;height:46px;margin-right:11px;font-size:24px;display:grid}.auth-visual small{opacity:.75}.auth-visual h1{margin:4px 0;font-size:27px}.auth-visual p{opacity:.78;margin-top:38px;font-size:13px}.auth-card{background:#fff;border-radius:22px;margin:-38px 18px 0;padding:23px 20px;position:relative;box-shadow:0 12px 35px #1c443b21}.auth-card h2{margin:0 0 6px;font-size:20px}.auth-card>p{color:var(--muted);margin:0 0 21px;font-size:12px}.content{padding:15px}.card,.section{border:1px solid var(--line);background:#fff;border-radius:15px;margin-bottom:13px}.card{margin:14px 16px;padding:17px 15px}.section{padding:17px 15px 2px}.section h3{margin:0 0 19px;font-size:15px}.field{margin-bottom:17px;display:block}.field span{color:#3c4b46;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.field b{color:#e45151}.field input,.field select,.field textarea{background:#fbfcfc;border:1px solid #dbe4e1;border-radius:11px;outline:0;width:100%;height:46px;padding:0 13px}.field textarea{resize:none;height:88px;padding-top:12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--g);background:#fff;box-shadow:0 0 0 3px #087b6713}.primary,.secondary,.danger-btn{border:0;border-radius:11px;height:46px;font-weight:700}.primary{color:#fff;background:var(--g);box-shadow:0 8px 18px #087b672b}.secondary{color:var(--g);background:var(--mint)}.danger-btn{color:var(--danger);background:#fff1f1}.full{width:100%}.switch{text-align:center;color:var(--muted);font-size:12px}.switch a,.text-btn{color:var(--g);background:0 0;border:0;padding:0;font-weight:700;text-decoration:none}.header{z-index:10;border-bottom:1px solid var(--line);background:#fff;grid-template-columns:40px 1fr 40px;align-items:end;height:66px;padding:0 14px 9px;display:grid;position:sticky;top:0}.header h2{text-align:center;margin:0 0 5px;font-size:16px}.header button,.header a{width:36px;height:36px;color:var(--ink);background:0 0;border:0;font-size:24px;text-decoration:none}.tip{background:var(--mint);border-radius:13px;align-items:center;gap:11px;margin-bottom:13px;padding:14px;display:flex}.tip>span{color:#fff;background:var(--g);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.tip b,.tip small{display:block}.tip b{font-size:13px}.tip small{color:var(--muted);margin-top:3px;font-size:10px}.agreement{color:var(--muted);gap:7px;margin:14px 3px;font-size:10px;line-height:1.5;display:flex}.agreement input{accent-color:var(--g)}.home-hero{color:#fff;background:linear-gradient(150deg,#075e52,#089174);border-radius:0 0 27px 27px;min-height:245px;padding:45px 18px 24px}.topbar{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.brand{font-size:14px;font-weight:700}.topbar button{color:#fff;background:#ffffff16;border:1px solid #ffffff3b;border-radius:11px;width:34px;height:34px}.home-hero>small{opacity:.72}.home-hero h1{margin:4px 0 19px;font-size:23px}.main-action{text-align:left;background:#fff;border:0;border-radius:15px;align-items:center;gap:11px;width:100%;padding:13px;display:flex;box-shadow:0 10px 22px #02362c28}.main-action>span{color:#fff;background:var(--g);border-radius:12px;place-items:center;width:42px;height:42px;font-size:25px;display:grid}.main-action div{flex:1}.main-action b,.main-action small{display:block}.main-action b{color:var(--ink);font-size:13px}.main-action small{color:var(--muted);margin-top:3px;font-size:10px}.stats{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);padding:8px 0 19px;display:grid}.stats a{text-align:center;background:0 0;border:0;text-decoration:none}.stats b,.stats span{display:block}.stats b{color:var(--gd);font-size:21px}.stats span{color:var(--muted);margin-top:4px;font-size:9px}.title-row{justify-content:space-between;align-items:center;margin:20px 0 11px;display:flex}.title-row h2{margin:0;font-size:16px}.title-row a{color:var(--muted);background:0 0;border:0;font-size:10px;text-decoration:none}.factory-list{flex-direction:column;gap:10px;display:flex}.factory{text-align:left;width:100%;color:inherit;border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:11px;padding:11px;display:flex}.thumb{width:67px;height:74px;color:var(--g);background:linear-gradient(145deg,#eef8f5,#daeee8);border-radius:11px;flex:none;place-items:center;font-size:30px;display:grid}.factory-copy{flex:1;min-width:0}.factory-copy>div{align-items:center;gap:6px;display:flex}.factory h3{white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:12px;overflow:hidden}.factory p{white-space:nowrap;text-overflow:ellipsis;color:var(--muted);margin:5px 0 8px;font-size:9px;overflow:hidden}.meta{color:#53635e;align-items:center;gap:9px;font-size:10px;display:flex}.meta b{color:var(--gd);font-size:14px}.status{white-space:nowrap;border-radius:6px;padding:3px 6px;font-size:8px;font-weight:700}.rent{color:#087b67;background:#e2f5ef}.audit{color:#aa7015;background:#fff1d4}.rented,.muted{color:#64716d;background:#edf0ef}.danger{color:#d15858;background:#fff1f1}.notice{color:#846d48;background:#fff8e9;border:1px solid #f1e3c3;border-radius:12px;margin-top:14px;padding:12px;font-size:10px;line-height:1.55}.bottom{z-index:20;border-top:1px solid var(--line);background:#fffffff5;justify-content:space-around;height:72px;padding:8px 4px;display:flex;position:absolute;bottom:0;left:0;right:0}.bottom a{color:#85918d;text-align:center;background:0 0;border:0;min-width:58px;font-size:9px;text-decoration:none}.bottom i{margin-bottom:4px;font-size:21px;font-style:normal;display:block}.bottom .router-link-active{color:var(--g);font-weight:700}.bottom .add{color:var(--g);transform:translateY(-14px)}.bottom .add i{border:4px solid var(--bg);color:#fff;background:var(--g);border-radius:50%;place-items:center;width:44px;height:44px;margin:auto;font-size:25px;display:grid}.search{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;height:44px;padding:0 12px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;font-size:11px}.chips{gap:7px;margin:12px 0 14px;display:flex;overflow:auto}.chips button{border:1px solid var(--line);color:#65736e;background:#fff;border-radius:15px;flex:none;height:30px;padding:0 12px;font-size:10px}.chips .active{border-color:var(--g);color:#fff;background:var(--g)}.upload{height:105px;color:var(--g);background:#f6fbfa;border:1px dashed #98c9bd;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;display:flex}.upload b{font-size:11px}.upload small{color:var(--muted);margin-top:5px;font-size:9px}.actions{grid-template-columns:1fr 1.5fr;gap:9px;display:grid}.detail-hero{text-align:center;color:#fff;background:linear-gradient(150deg,#075e52,#0a8e73);border-radius:0 0 27px 27px;padding:40px 18px 24px}.detail-hero .back{color:#fff;background:0 0;border:0;font-size:24px;position:absolute;top:42px;left:15px}.detail-icon{background:#ffffff20;border-radius:18px;place-items:center;width:74px;height:65px;margin:8px auto 11px;font-size:37px;display:grid}.detail-hero h1{margin:8px 0 6px;font-size:18px}.detail-hero p{opacity:.72;margin:0;font-size:9px}.facts{background:#fff;border-radius:15px;grid-template-columns:repeat(3,1fr);margin-top:-30px;padding:15px 4px;display:grid;box-shadow:0 8px 24px #153a311f}.facts div{text-align:center;border-right:1px solid var(--line)}.facts div:last-child{border:0}.facts b,.facts span{display:block}.facts b{color:var(--gd);font-size:12px}.facts span{color:var(--muted);margin-top:4px;font-size:8px}.info h3{margin:0 0 8px;font-size:14px}.row{border-top:1px solid #eff3f1;justify-content:space-between;align-items:center;gap:15px;min-height:38px;font-size:10px;display:flex}.row span{color:var(--muted)}.row b{text-align:right;font-weight:500}.empty{text-align:center;padding:17px 8px 13px}.empty i{width:48px;height:48px;color:var(--g);background:var(--mint);border-radius:50%;place-items:center;margin:auto;font-size:24px;display:grid}.empty b{margin-top:8px;font-size:12px;display:block}.empty p{color:var(--muted);margin:6px 0 13px;font-size:9px}.empty a{place-items:center;height:37px;padding:0 24px;text-decoration:none;display:inline-grid}.tenant-for{background:var(--mint);border-radius:13px;align-items:center;gap:11px;margin-bottom:13px;padding:14px;display:flex}.tenant-for i{font-size:28px;font-style:normal}.tenant-for b,.tenant-for small{display:block}.tenant-for b{font-size:12px}.tenant-for small,.tenant-for p{color:var(--muted);font-size:9px}.tenant-for p{margin:3px 0 0}.profile-hero{text-align:center;color:#fff;background:linear-gradient(150deg,#075e52,#089174);border-radius:0 0 27px 27px;padding:63px 20px 28px}.avatar{width:64px;height:64px;color:var(--g);background:#fff;border:4px solid #ffffff4d;border-radius:50%;place-items:center;margin:auto;font-size:23px;font-weight:800;display:grid}.profile-hero h1{margin:10px 0 4px;font-size:15px}.profile-hero p{opacity:.72;margin:0;font-size:9px}.menu{padding:0;overflow:hidden}.menu button{text-align:left;width:100%;min-height:61px;color:inherit;border:0;border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:11px;padding:10px 14px;display:flex}.menu button:last-child{border:0}.menu i{background:var(--mint);border-radius:10px;place-items:center;width:35px;height:35px;font-style:normal;display:grid}.menu div{flex:1}.menu b,.menu small{display:block}.menu b{font-size:12px}.menu small{color:var(--muted);margin-top:3px;font-size:9px}.logout{color:#d15858;background:#fff;border:1px solid #f0d6d6;border-radius:11px;width:calc(100% - 32px);height:44px;margin:0 16px}.toast{z-index:50;color:#fff;background:#15231fe8;border-radius:20px;width:max-content;max-width:90%;padding:10px 14px;font-size:10px;position:absolute;top:38px;left:50%;transform:translate(-50%)}.empty-state{text-align:center;color:var(--muted);padding:28px 0;font-size:12px}@media (width<=760px){.app-shell{background:var(--bg);padding:0}.phone{width:100%;height:100vh;min-height:640px;box-shadow:none;border:0;border-radius:0}.phone:before{display:none}.auth-visual{padding-top:44px}.header{height:56px;padding-top:0}.home-hero{padding-top:20px}.bottom{position:fixed}.detail-hero{padding-top:28px}.detail-hero .back{top:25px}}