*{box-sizing:border-box}:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#202422;background:#edf0ed}html,body,#root{width:100%;height:100%;overflow:hidden}body{margin:0;min-width:1120px}button,input{font:inherit}button{border:0;cursor:pointer}.amap-container{position:absolute;top:0;right:0;bottom:0;left:0}.amap-hint{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);padding:12px 18px;background:#fff;border-radius:8px;color:#718078;font-size:13px;box-shadow:0 2px 12px #55624e20;pointer-events:none}.app-shell{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.site-root{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.site-content{min-height:0;flex:1}.site-footer{flex:0 0 50px;display:flex;align-items:center;justify-content:flex-end;padding:0 15px;background:rgb(255 255 255 / 72%);border-top:1px solid rgb(228 231 226 / 72%);color:#7b847d;font-size:12px;position:absolute;bottom:10px;right:60px;height:25px;line-height:25px}.workspace{display:flex;height:100%;overflow:hidden;min-height:0;flex:1}.app-body{position:relative;height:0;min-height:0;flex:1}.app-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.app-overlay>*{pointer-events:auto}.app-overlay>.workspace{pointer-events:none}.app-overlay>.workspace>.sidebar{pointer-events:auto}.app-overlay>.workspace>.confirm-overlay{pointer-events:auto}.sidebar{margin-top:18px;width:380px;height:calc(100% - 100px);margin-left:20px;flex:0 0 380px;background:#fff;border-right:1px solid #e4e7e2;display:flex;flex-direction:column;z-index:2;overflow:hidden;position:relative;transition:width .2s ease,flex-basis .2s ease}.sidebar-collapsed{width:34px;flex-basis:34px}.sidebar-collapse-toggle{position:absolute;top:50%;right:0;z-index:5;width:20px;height:24px;border-radius:14px;background:#f1f8f3;color:#168f50;font-size:22px;line-height:22px;transform:translateY(-50%)}.sidebar-collapsed>:not(.sidebar-collapse-toggle){display:none!important}.sidebar-collapsed .sidebar-collapse-toggle{right:4px}.trip-head{padding:28px 27px 17px;display:flex;align-items:flex-start;gap:2px;justify-content:space-between}.eyebrow{font-size:12px;color:#849087;margin:0 0 8px;letter-spacing:.4px}.trip-head h1{font-size:24px;letter-spacing:-.8px;margin:0 0 8px}.muted{color:#7b847d;font-size:13px;margin:0}.icon-btn{height:28px;width:28px;border-radius:6px;background:#f5f6f3;color:#5e6860}.stats{margin:0 27px 17px;padding:13px 0;border-block:1px solid #edf0eb;display:flex;gap:24px;color:#8a928b;font-size:12px}.stats b{color:#273029;font-size:15px}.day-tabs-row{display:flex;align-items:stretch;border-bottom:1px solid #edf0eb;padding:0 12px 14px 20px;gap:7px;min-width:0}.day-tabs-scroll{overflow-x:auto;overflow-y:hidden;min-width:0;scrollbar-width:thin;scrollbar-color:#cbd4cc transparent}.day-tabs{display:flex;gap:6px;width:max-content}.day-tabs button{padding:8px 9px;border-radius:7px;background:#fff;color:#939b94;text-align:left;white-space:nowrap}.day-tabs button span{display:block;font-size:12px;font-weight:650}.day-tabs small{font-size:10px}.day-tabs .active{background:#eaf8ef;color:#159152}.add-day{flex:0 0 34px;height:34px;border-radius:7px;background:#f1f8f3;color:#159555;font-size:21px;line-height:1}.place-list{overflow:auto;min-height:0;flex:1;padding:12px 25px}.place-card{display:flex;min-height:100px}.place-item{position:relative}.place-item:not(:last-of-type):before{content:"";position:absolute;top:22px;bottom:0;left:10px;border-left:1px dashed #d3d9d2;pointer-events:none}.timeline{width:32px;position:relative;flex:0 0 32px}.dot{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:1.5px solid #b8c1b9;border-radius:50%;background:#fff;color:#6f796f;font-size:11px;font-weight:700;position:relative;z-index:1}.dot.start{background:#1db766;border-color:#1db766;color:#fff}.timeline i{position:absolute;border-left:1px dashed #d3d9d2;height:calc(100% + 18px);left:10px;top:23px}.place-content{padding:0 0 8px;flex:1}.place-title{display:flex;align-items:center;gap:7px}.place-title h3{font-size:14px;margin:1px 0 7px}.tag{font-size:10px;color:#299865;background:#e9f7ee;padding:2px 5px;border-radius:3px}.place-content p{font-size:12px;color:#7e877f;margin:0 0 5px}.place-meta{font-size:11px;color:#939b94;display:flex;gap:15px}.add-place{width:100%;padding:9px;background:#f4fbf6;color:#1aa25b;border:1px dashed #b8dfc4;border-radius:7px;font-size:13px}.map-area{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#e9ebe5}.map-place-confirm{position:absolute;top:90px;left:430px;z-index:30;width:180px;padding:12px;background:#fff;border:1px solid #dce4dd;border-radius:8px;box-shadow:0 5px 18px #2a3f2f2e}.share-marker-menu{position:absolute;top:188px;right:24px;z-index:20;display:flex;flex-direction:column;gap:6px;padding:6px;border:1px solid #dfe8e1;border-radius:8px;background:#fff;box-shadow:0 6px 18px #33442a20}.share-marker-menu button{padding:7px 10px;border-radius:5px;background:#f2f4f1;color:#718078;font-size:12px;white-space:nowrap}.share-marker-menu button.active{background:#e8f6ec;color:#1c8450}.map-place-confirm strong,.map-place-confirm small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-place-confirm small{margin-top:4px;color:#7b877e;font-size:11px}.map-place-confirm>div{display:flex;justify-content:flex-end;gap:7px;margin-top:10px}.map-place-confirm button{padding:5px 8px;border-radius:5px;background:#f1f4f1;color:#657068;font-size:12px}.map-place-confirm .confirm{background:#1da760;color:#fff}.map-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#edf0ea;background-image:linear-gradient(28deg,transparent 48%,#d7dcd4 49%,#d7dcd4 50%,transparent 51%),linear-gradient(116deg,transparent 48%,#d9ded7 49%,#d9ded7 50%,transparent 51%),linear-gradient(0deg,transparent 49%,rgba(202,210,200,.42) 50%,transparent 51%);background-size:190px 150px,210px 180px,80px 80px}.map-grid:before{content:"";position:absolute;top:8%;right:3%;bottom:4%;left:10%;opacity:.4;background:repeating-linear-gradient(72deg,transparent 0 51px,#c7d0c6 52px 54px,transparent 55px 103px);transform:rotate(-12deg)}.map-water{position:absolute;background:#bddef0;opacity:.8;filter:blur(.2px)}.water-a{height:180px;width:780px;top:47%;left:22%;border-radius:52% 40% 60%;transform:rotate(-25deg)}.water-b{width:460px;height:120px;top:3%;right:-4%;border-radius:50%;transform:rotate(13deg)}.route{position:absolute;border:5px solid #22a962;border-color:#22a962 transparent transparent #22a962;border-radius:55% 30% 30% 50%;transform:rotate(-22deg);z-index:1}.route-one{width:390px;height:250px;left:26%;top:37%}.route-two{width:300px;height:190px;left:50%;top:24%;transform:rotate(39deg)}.route-three{width:255px;height:170px;left:56%;top:55%;transform:rotate(20deg)}.pin{position:absolute;width:33px;height:33px;border-radius:50% 50% 50% 0;background:#1db465;color:#fff;transform:rotate(-45deg);box-shadow:0 3px 8px #54826988;z-index:2}.pin span{display:block;transform:rotate(45deg);font-weight:700}.pin-1{left:30%;top:52%}.pin-2{left:51%;top:38%}.pin-3{left:66%;top:61%}.map-label{position:absolute;z-index:1;color:#8c988d;font-weight:600;letter-spacing:4px;font-size:17px}.l1{left:24%;top:26%}.l2{left:52%;top:20%}.l3{left:70%;top:65%}.map-toolbar{position:absolute;top:20px;right:23px;z-index:3;background:#fff;border-radius:8px;box-shadow:0 2px 9px #6c776326;display:flex;padding:4px}.map-toolbar button{background:#fff;color:#536057;padding:8px 11px;border-radius:5px}.map-toolbar button+button{border-left:1px solid #eff1ee}.map-card button{color:#159555;background:#eff9f2;border-radius:6px;padding:9px 12px;font-size:12px}.zoom{position:absolute;right:24px;bottom:24px;z-index:3;background:#fff;border-radius:8px;box-shadow:0 2px 8px #55624e30;overflow:hidden}.zoom button{display:block;width:35px;height:33px;background:#fff;color:#536057;font-size:20px}.zoom button+button{border-top:1px solid #edf0eb}.about{padding:70px;font-family:inherit}.place-search{position:absolute;top:10px;left:460px;display:flex;align-items:center;gap:8px;width:430px;z-index:8}.place-search input{width:100%;height:38px;padding:0 12px;border:1px solid #b8dfc4;border-radius:7px;outline:none}.place-search>button{background:transparent;color:#647068}.place-results{position:absolute;top:44px;left:0;right:45px;max-height:330px;overflow:auto;background:#fff;border:1px solid #e1e8e2;border-radius:8px;box-shadow:0 8px 22px #33442a20;z-index:10}.place-result{display:flex;align-items:center;justify-content:space-between;padding:10px 12px}.place-result:hover{background:#f2faf4}.place-result span{display:flex;flex-direction:column;gap:3px;min-width:0}.place-result strong,.place-result small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.place-result strong{font-size:13px}.place-result small{color:#89958c;font-size:11px}.place-result button{opacity:0;color:#159555;background:transparent;font-size:20px}.place-result:hover button{opacity:1}.user-menu{position:absolute;margin-left:auto}.topbar-user-menu{position:fixed;top:17px;right:28px;z-index:1000}.topbar-home{position:fixed;top:17px;right:76px;z-index:1000;padding:7px 12px;border:1px solid #b8dfc4;border-radius:6px;background:#fff;color:#187d48;font-size:13px}.topbar-home:hover{background:#f2faf4}.topbar-home+.user-menu{margin-left:10px}.user-avatar{width:34px;height:34px;border-radius:50%;background:#d8f0e1;color:#187d48;font-weight:700}.user-dropdown{position:absolute;top:42px;right:0;z-index:20;width:110px;padding:6px;background:#fff;border:1px solid #e1e8e2;border-radius:7px;box-shadow:0 6px 18px #33442a20}.user-dropdown button{display:block;width:100%;padding:8px;border-radius:5px;background:transparent;color:#58635b;text-align:left;font-size:12px}.user-dropdown button:hover{background:#f2faf4;color:#168f50}.about-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:rgba(25,32,27,.28)}.about-dialog{width:min(360px,calc(100vw - 40px));padding:24px;border:1px solid #e1e8e2;border-radius:10px;background:#fff;box-shadow:0 12px 40px #24312733}.about-dialog h2{margin:0;font-size:18px}.about-dialog p{margin:16px 0 22px;color:#667169;font-size:13px;line-height:1.7}.about-dialog button{display:block;margin-left:auto;padding:8px 15px;border-radius:6px;background:#1ca45d;color:#fff;font-size:13px}.day-tabs button{cursor:grab;transition:background .15s,box-shadow .15s}.day-tabs button:active{cursor:grabbing}.day-tabs button.drag-over{background:#e4f5e9;box-shadow:inset 3px 0 #1db465}.place-title{position:relative;padding-right:50px}.delete-place{position:absolute;right:0;top:-3px;display:none;padding:4px 7px;border-radius:5px;background:#fff0ef;color:#d84b45;font-size:11px}.place-title:hover .delete-place,.delete-place:focus-visible{display:inline-block}.place-note-button{margin-left:6px;padding:2px 5px;border-radius:4px;background:#f4f7f4;color:#718078;font-size:11px}.place-note-button.has-note{background:#fff3b8;color:#9a7414}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:rgba(25,32,27,.28)}.confirm-dialog{width:340px;padding:24px;background:#fff;border-radius:10px;box-shadow:0 12px 40px #24312733}.confirm-dialog h2{margin:0;font-size:17px;font-weight:700}.confirm-dialog p{margin:10px 0 22px;color:#7c867e;font-size:13px}.confirm-actions{display:flex;justify-content:flex-end;gap:10px}.confirm-actions button{min-width:68px;padding:8px 14px;border-radius:6px;font-size:13px}.cancel-btn{background:#f2f4f1;color:#58635b}.confirm-delete-btn{background:#e4544b;color:#fff}.export-loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:rgba(25,32,27,.2)}.export-loading-dialog{padding:18px 28px;border-radius:10px;background:#fff;color:#385446;box-shadow:0 12px 36px #24312733;font-size:14px}.day-tab-item{position:relative;flex:0 0 auto}.day-tab-item>button:first-child{cursor:grab}.day-tab-item.drag-over{border-radius:7px;box-shadow:inset 3px 0 #1db465}.day-tab-item .delete-day{position:absolute;right:-3px;top:-5px;display:flex;align-items:center;justify-content:center;width:17px;height:17px;padding:0;border-radius:50%;background:#df5a51;color:#fff;font-size:11px;line-height:1;z-index:2;cursor:pointer}.day-tab-item .delete-day:hover{background:#c83f37}.note-label{position:absolute;top:48px;left:-5px;z-index:2;padding:3px 6px;border:1px solid #cbd7cd;border-radius:4px;background:#fff;color:#7b877e;font-size:10px;white-space:nowrap}.note-editor{position:fixed;left:218px;top:235px;z-index:10;width:210px;padding:12px;background:#fff;border:1px solid #dce4dd;border-radius:8px;box-shadow:0 5px 18px #2a3f2f2e}.note-editor textarea{display:block;width:100%;height:48px;min-height:48px;resize:vertical;padding:6px 8px;border:1px solid #d9e1da;border-radius:5px;outline:0;font-size:12px;line-height:18px;font-family:inherit}.note-editor textarea:focus{border-color:#28a865}.note-editor>div{display:flex;justify-content:flex-end;gap:7px;margin-top:10px}.note-editor button{padding:5px 11px;border-radius:5px;background:#f1f4f1;color:#657068;font-size:12px}.note-editor .note-save{background:#1da760;color:#fff}.note-label.has-note{background:#fff3bf;border-color:#e4c75b;color:#9a7510}.place-drag{cursor:grab}.place-drag:active{cursor:grabbing}.place-card{transition:transform .18s ease,background .18s ease}.place-card:has(.place-drag:active){background:#f4fbf6}.trip-date{position:relative;display:block;color:#7b847d;font-size:13px;cursor:pointer}.trip-date input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;cursor:pointer}.roadbook-edit-btn{padding:6px 9px;border:1px solid #dfe6df;border-radius:6px;background:#fff;color:#248f55;font-size:12px}.roadbook-edit-dialog{margin:0}.roadbook-share-btn{padding:6px 9px;border:1px solid #dfe6df;border-radius:6px;background:#fff;color:#248f55;font-size:12px}.roadbook-actions{display:flex;flex-direction:column;gap:6px}.roadbook-export-btn{padding:6px 9px;border:1px solid #dfe6df;border-radius:6px;background:#fff;color:#248f55;font-size:12px;cursor:pointer}.export-popover-wrap{position:relative;display:inline-block}.export-popover{position:absolute;top:0;left:calc(100% + 6px);z-index:30;min-width:96px;padding:5px;background:#fff;border:1px solid #dfe8e1;border-radius:8px;box-shadow:0 8px 20px #203c2a22}.export-popover button{display:block;width:100%;padding:7px 10px;border:0;border-radius:5px;background:transparent;color:#385446;text-align:left;font-size:12px;white-space:nowrap;cursor:pointer}.export-popover button:hover{background:#eef7f0}.roadbook-title-block{min-width:0}.shared-export-action{margin-left:auto;padding-top:2px}.shared-export-action .export-popover{left:auto;right:0;top:calc(100% + 6px)}.route-info{padding:4px 0;text-align:left;color:#8a948c;font-size:11px;position:absolute;top:47px;left:32px}.route-info.loading{color:#a1aaa3}.day-route-summary{padding:4px 0 12px;color:#5f7164;font-size:12px;text-align:center;white-space:nowrap}.day-route-summary.loading{color:#a1aaa3}.amap-maptype{top:68px!important}.roadbook-list-page{margin-top:18px;flex:0 0 380px;width:380px;height:calc(100% - 100px);margin-left:20px;padding:28px 27px;background:#fff;border-right:1px solid #e4e7e2;overflow:auto}.roadbook-list-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.roadbook-list-head h1{font-size:30px;margin:0}.new-roadbook{padding:10px 15px;border-radius:7px;background:#1da760;color:#fff}.roadbook-list{display:flex;flex-direction:column;gap:10px}.roadbook-entry{display:flex;align-items:stretch;gap:8px}.roadbook-duration{flex:0 0 46px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #e6ebe6;border-radius:9px;background:#fff;box-shadow:0 2px 7px #4356460b;color:#248f55}.roadbook-duration strong{font-size:23px;line-height:1.05;font-weight:600}.roadbook-duration small{margin-top:3px;font-size:11px;line-height:1;color:#849087}.roadbook-row{position:relative;display:flex;align-items:center;flex:1;min-width:0;gap:12px;padding:16px 52px 16px 14px;text-align:left;background:#fff;border:1px solid #e6ebe6;border-radius:9px;box-shadow:0 2px 7px #4356460b;cursor:pointer}.roadbook-delete{position:absolute;right:12px;bottom:10px;width:28px;height:28px;padding:0;border-radius:6px;background:transparent;color:#a85d58;font-size:15px;opacity:0;pointer-events:none;transition:opacity .15s ease,background .15s ease}.roadbook-row:hover .roadbook-delete,.roadbook-row:focus-within .roadbook-delete{opacity:1;pointer-events:auto}.roadbook-delete:hover{background:#fff0ef}.roadbook-row:hover,.roadbook-row:focus-visible{border-color:#9ed4ae;background:#fbfefb}.roadbook-icon{font-size:27px;color:#1ca560}.roadbook-info{display:flex;flex-direction:column;gap:7px;min-width:0}.roadbook-info strong{font-size:19px;white-space:nowrap}.roadbook-details{display:flex;flex:1;min-width:0;flex-direction:column;gap:8px}.roadbook-info small,.roadbook-summary{font-size:12px;color:#849087}.roadbook-summary{display:block;width:calc(100% - 10px);margin-left:0;margin-right:10px;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.roadbook-arrow{font-size:24px;color:#9aa49c}.back-button{flex:0 0 28px;width:28px;height:32px;margin:0;padding:0;background:transparent;color:#248f55;font-size:30px;line-height:24px}.new-roadbook-bottom{width:100%;padding:14px;border:1px dashed #a9d7b6;border-radius:8px;background:#f4fbf6;color:#168f50;font-size:14px}.roadbook-create{width:100%;height:100%;padding:38px 56px;overflow:auto;background:#edf0ed}.create-back{padding:0;background:transparent;color:#1b9555;font-size:13px}.create-panel{width:500px;margin:42px auto;padding:34px 38px;background:#fff;border:1px solid #e4e9e4;border-radius:10px;box-shadow:0 5px 20px #41524312}.create-panel h1{margin:0 0 28px;font-size:26px}.create-panel label{display:block;margin:0 0 20px;color:#667169;font-size:13px}.create-panel input{display:block;width:100%;height:42px;margin-top:8px;padding:0 11px;border:1px solid #d6dfd7;border-radius:6px;outline:0;line-height:1.5}.create-panel input:focus{border-color:#29a563}.create-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:28px}.create-actions button{padding:9px 16px;border-radius:6px;background:#f1f4f1;color:#5d685f}.create-actions .create-submit{background:#1ca45d;color:#fff}.login-page{height:100%;display:grid;place-items:center;background:#edf0ed}.login-panel{width:360px;padding:34px 38px;background:#fff;border:1px solid #e4e9e4;border-radius:10px;box-shadow:0 5px 20px #41524312}.login-panel h1{margin:0 0 26px;font-size:26px}.login-panel label{display:block;margin-bottom:16px;color:#667169;font-size:13px}.login-panel input{display:block;width:100%;height:42px;margin-top:8px;padding:0 11px;border:1px solid #d6dfd7;border-radius:6px;outline:0}.login-panel button{width:100%;margin-top:8px;padding:10px;border-radius:6px;background:#1ca45d;color:#fff}.login-error{margin:0 0 12px;color:#d84b45;font-size:12px}.login-success{margin:0 0 12px;color:#1b9555;font-size:12px}.login-link{background:transparent!important;color:#248f55!important}.user-management-shell{height:100vh;background:#f4f7f4}.user-management{max-width:980px;margin:0 auto;padding:54px 42px}.user-management h1{margin:0;color:#1f2923;font-size:38px;letter-spacing:1px}.user-management-subtitle{margin:10px 0 30px;color:#89958c}.user-table{--user-columns: minmax(0, 1fr) 90px 90px 300px;background:#fff;border:1px solid #e2e9e3;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #29412d0d}.user-table-header{display:grid;grid-template-columns:var(--user-columns);align-items:center;gap:20px;padding:12px 22px;background:#f7faf7;border-bottom:1px solid #e6ede7;color:#87938a;font-size:12px;text-align:center}.user-row{display:grid;grid-template-columns:var(--user-columns);align-items:center;gap:20px;padding:18px 22px;border-bottom:1px solid #eef2ee;text-align:center}.user-roadbook-count{color:#657269;font-size:12px;white-space:nowrap}.user-row:last-child{border-bottom:0}.user-identity{display:flex;align-items:center;justify-content:center;gap:12px;text-align:left}.user-identity strong,.user-identity small{display:block}.user-identity small{margin-top:4px;color:#9aa49c;font-size:12px}.user-avatar-small{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#dff3e6;color:#168b4d;font-weight:700}.user-status{font-size:12px}.user-status.active{color:#168b4d}.user-status.blocked{color:#d26a57}.user-actions{display:flex;justify-content:center;gap:8px}.user-actions button{padding:8px 11px;border-radius:6px;background:#f1f7f2;color:#39704e;font-size:12px}.user-actions button:hover{background:#e2f2e6}.user-actions button:disabled{opacity:.45;cursor:not-allowed}.user-actions .danger{color:#b85545;background:#fff2f0}.user-management-error{color:#c25545}@media (max-width: 800px){.user-management{padding:30px 18px}.user-row{grid-template-columns:1fr;gap:10px}.user-table-header{display:none}.user-actions{flex-wrap:wrap}}