:root{font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif;color:#293e36;background:#f6f1e9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}svg{flex:none}.app-shell{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 84% 8%,rgba(244,219,178,.34),transparent 28%),#f6f1e9}.site-header{height:78px;background:#fffdf8bd;border-bottom:1px solid #e8e1d6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;z-index:10}.header-inner{max-width:1160px;margin:auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 34px}.brand{display:flex;gap:11px;align-items:center;font-size:17px;font-weight:760;letter-spacing:.07em}.brand:hover{text-decoration:none}.brand-icon,.brand-mark{width:35px;height:35px;border-radius:10px;background:#365d4e;color:#f7e3b7;display:grid;place-items:center}.brand small{display:block;font-size:8px;letter-spacing:.24em;color:#9b9c8c;font-weight:650;margin-top:3px}.header-right{display:flex;align-items:center;gap:27px;position:relative}.header-date{font-size:12px;color:#8d948a}.header-manage{background:none;border:0;color:#476456;font-size:13px;font-weight:650}.header-manage:hover{color:#223f32}.avatar-button{border:1px solid #d6dfd3;background:#e6eee3;color:#315a45;width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.header-menu{position:absolute;right:0;top:47px;width:207px;padding:9px;border:1px solid #e8e4db;border-radius:16px;background:#fffef9;box-shadow:0 16px 45px #3f4a3d1a;z-index:30}.header-menu p{font-size:11px;color:#879083;word-break:break-all;padding:8px 10px;margin:0;border-bottom:1px solid #eeeae1}.header-menu button{border:0;background:none;width:100%;display:flex;align-items:center;gap:11px;padding:11px 10px;border-radius:9px;text-align:left;color:#3a4c40;font-size:13px}.header-menu button:hover{background:#f5f3eb}.main-content{max-width:1130px;margin:auto;padding:0 34px}.demo-banner{margin:20px 0 -25px;padding:10px 16px;border:1px solid #efdfb9;background:#fff7df;border-radius:9px;display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#89642f}.welcome{padding:60px 0 55px;display:flex;justify-content:space-between;align-items:center;position:relative}.welcome-date{font-size:12px;color:#77917e;letter-spacing:.1em;font-weight:680}.welcome h1{font-size:clamp(33px,4.3vw,53px);font-weight:720;letter-spacing:-.045em;line-height:1.27;margin:16px 0 14px}.welcome h1 span{color:#d4936e}.welcome p{font-size:14px;line-height:1.8;color:#7a8277;margin:0}.welcome-right{position:relative;width:215px;height:108px;display:flex;align-items:end;justify-content:end;text-align:right;color:#a7977f;font-size:13px;line-height:1.8;letter-spacing:.12em}.sun-shape{position:absolute;width:76px;height:76px;border-radius:50%;background:#f2d9a8;left:30px;top:-16px;box-shadow:0 0 0 18px #f2d9a84a,0 0 0 38px #f2d9a824}.welcome-right>span:last-child{position:relative;z-index:1}.tip-card{position:relative;min-height:270px;border-radius:20px;background:#e5ede4;overflow:hidden;display:flex;align-items:center;box-shadow:0 10px 30px #637d5a0a}.tip-content{position:relative;z-index:2;padding:36px 54px;max-width:760px}.section-kicker{font-size:12px;font-weight:760;letter-spacing:.1em;color:#5c8067;display:flex;align-items:center;gap:10px}.kicker-icon{height:28px;width:28px;background:#cde0ca;display:grid;place-items:center;border-radius:50%}.kicker-line{width:34px;height:1px;background:#9ab8a0;margin-left:6px}.tip-card h2{font-size:clamp(25px,3vw,35px);letter-spacing:-.03em;margin:22px 0 13px;color:#244d3c}.tip-body{font-size:15px;line-height:1.95;margin:0 0 18px;color:#567060;max-width:620px}.source-link{display:inline-flex;gap:6px;align-items:center;font-size:11px;color:#658471;text-decoration:underline;text-underline-offset:4px}.tip-ornament{position:absolute;right:68px;top:20px;width:220px;height:220px;border:1px solid #bed2bc;border-radius:50%;display:grid;place-items:center;color:#a9c4a3;font-family:serif;font-size:90px;opacity:.65}.tip-orbit{position:absolute;inset:25px;border:1px solid #c5d8c3;border-radius:50%}.tip-ornament:before,.tip-ornament:after{content:"";position:absolute;width:32px;height:32px;border-radius:50%;background:#c9dfc8;top:24px;right:10px}.tip-ornament:after{width:16px;height:16px;inset:auto auto 20px 21px;background:#e9d6ac}.between-note{display:flex;align-items:center;justify-content:center;gap:14px;padding:36px 0;color:#b29e78;font-size:11px;letter-spacing:.14em}.between-note svg:last-child{transform:rotate(180deg)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.eyebrow{font-size:10px;font-weight:760;letter-spacing:.2em;color:#b99c70;margin:0}.section-heading h2{font-size:27px;letter-spacing:-.035em;margin:8px 0 0;color:#2b4738}.section-index{font-size:11px;color:#9c9c8f;padding-bottom:5px}.city-card{min-height:420px;background:#fffdf8;border-radius:19px;overflow:hidden;display:grid;grid-template-columns:54% 46%;box-shadow:0 16px 45px #524a3210}.city-image-wrap{position:relative;min-height:420px;overflow:hidden;background:#d9e4d9}.city-image-wrap img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.photo-badge{position:absolute;left:22px;bottom:22px;padding:9px 12px;background:#fffdf5e8;border-radius:30px;color:#365849;display:flex;gap:6px;align-items:center;font-size:11px;font-weight:680;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.no-image{height:100%;display:grid;place-content:center;justify-items:center;gap:10px;color:#6b8070}.city-copy{padding:43px 42px 23px;display:flex;flex-direction:column}.city-tiny{color:#b59871;font-size:11px;letter-spacing:.16em;font-weight:700;display:flex;align-items:center;gap:10px}.city-tiny-dot{display:block;width:7px;height:7px;background:#dca379;border-radius:50%}.city-copy h3{font-size:clamp(30px,3.6vw,47px);line-height:1.1;margin:23px 0 0;color:#294b3a;letter-spacing:-.035em}.city-english{margin:6px 0 0;color:#a8aa99;font-family:Georgia,serif;font-style:italic;font-size:23px;line-height:1.2}.city-divider{width:44px;height:2px;background:#d3b28d;margin:26px 0 22px}.city-reason{color:#5c6a5e;font-size:14px;line-height:1.95;margin:0;max-width:360px}.city-links{display:flex;flex-wrap:wrap;gap:23px;margin-top:auto;padding-top:23px}.city-links a{display:inline-flex;gap:5px;align-items:center;color:#3e6d56;font-size:11px;font-weight:650;text-decoration:underline;text-underline-offset:4px}.photo-credit{font-size:9px;line-height:1.5;color:#a2a49a;margin:18px 0 0}.photo-credit a{display:inline-flex;align-items:center;gap:2px;text-decoration:underline}.photo-credit svg{width:10px}.empty-city{min-height:290px;border-radius:18px;background:#eaece5;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#829283;text-align:center;padding:28px}.empty-city h3{color:#486651}.empty-city p{font-size:13px;line-height:1.7}.board-section{padding-top:72px}.board-card{background:#fffdf8;border:1px solid #ede9df;border-radius:19px;overflow:hidden;box-shadow:0 16px 45px #524a3210}.board-top{padding:27px 31px 18px;display:flex;justify-content:space-between;align-items:center}.board-top>div{display:flex;gap:12px;align-items:center}.board-mark{width:35px;height:35px;border-radius:10px;background:#eff2e9;color:#5b7a60;display:grid;place-items:center}.board-top h3{font-size:17px;margin:0;color:#2d4d3b}.board-top p{font-size:12px;color:#a2a69a;margin:0}.board-stats{margin:0 31px;padding:0 0 20px;border-bottom:1px solid #eeeae1;display:flex;align-items:center;gap:16px;color:#8c9788;font-size:11px}.board-stats strong{font-size:18px;color:#315640}.stats-divider{height:14px;width:1px;background:#dcded3}.warn-text{color:#b8765a}.add-task{margin:21px 31px 27px;display:flex;gap:9px;background:#f8f7f1;border:1px solid #ebe9df;border-radius:10px;padding:7px;align-items:center}.add-task>input{background:transparent;border:0;outline:0;flex:1;min-width:80px;color:#304e3d;padding:7px 11px;font-size:13px}.add-task>input::placeholder{color:#aaafa4}.date-field{display:flex;align-items:center;gap:5px;color:#8b9c89;background:#fffdf9;border:1px solid #eee9df;border-radius:7px;padding:8px 9px}.date-field input{border:0;outline:0;color:#637366;background:transparent;font-size:11px;width:115px;min-width:0}.add-button,.primary-button{border:0;background:#3c6550;color:#fff;border-radius:7px;padding:10px 16px;font-weight:680;font-size:12px;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.add-button:hover,.primary-button:hover{background:#2c533e}.cancel-edit{border:0;background:none;color:#8b968a;font-size:11px}.task-list-heading{display:flex;justify-content:space-between;margin:0 31px;padding-bottom:10px;color:#4e6754;font-size:11px;font-weight:730}.task-list-heading span:last-child{color:#a7aea2}.task-list{list-style:none;margin:0 31px;padding:0}.task-row{display:flex;align-items:center;gap:15px;border-top:1px solid #f0eee7;min-height:70px}.task-check{width:23px;height:23px;border:1.5px solid #b9c9b7;border-radius:7px;background:#fff;color:transparent;display:grid;place-items:center;flex:none;padding:0}.task-check:hover{border-color:#4c7558}.is-done .task-check{background:#6c9270;color:#fff;border-color:#6c9270}.task-main{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.task-title{color:#304c3b;font-size:13px;font-weight:630;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.is-done .task-title{text-decoration:line-through;color:#a2aa9d}.task-date{display:flex;gap:4px;align-items:center;color:#a0a99e;font-size:10px}.due-pill{color:#7f9b80;font-size:11px;white-space:nowrap}.due-pill.soon{background:#f7f2df;color:#98793e;padding:6px 9px;border-radius:5px}.due-pill.urgent{background:#fcf0e9;color:#bb795d;padding:6px 9px;border-radius:5px}.icon-button{background:none;border:0;color:#9da99d;padding:5px;display:grid;place-items:center}.icon-button:hover{color:#355b43}.task-action{opacity:0}.task-row:hover .task-action,.task-action:focus-visible{opacity:1}.task-action.delete:hover{color:#bb695e}.empty-tasks{min-height:155px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:#a3b6a3}.empty-tasks p{color:#89998a;font-size:12px}.done-toggle{width:calc(100% - 62px);margin:12px 31px 20px;padding:15px 0;border:0;border-top:1px solid #eeeae1;background:none;color:#8b9b8b;font-size:11px;display:flex;justify-content:space-between}.flipped{transform:rotate(180deg)}.done-list{margin-bottom:22px}.site-footer{padding:40px 0 52px;display:flex;align-items:center;justify-content:space-between;color:#a4a99c;font-size:10px}.site-footer>div{font-size:13px;color:#47664e;font-weight:700}.footer-mark{color:#c99869}.site-footer button{background:none;border:0;color:#4c7156;font-size:10px;display:inline-flex;gap:4px;align-items:center;text-decoration:underline}.site-footer p{margin:0}.drawer-backdrop{position:fixed;inset:0;background:#1d30237d;z-index:50;display:flex;justify-content:flex-end}.drawer{width:min(560px,100vw);height:100vh;background:#fffcf6;overflow-y:auto;padding:29px 32px 48px;box-shadow:-16px 0 50px #1d302330}.drawer-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:23px}.drawer-header h2{font-size:26px;margin:5px 0 0;color:#2d4d3b}.stock-card{padding:20px 22px;background:#e9f0e5;border-radius:13px;margin-bottom:20px}.stock-card>div:first-child{display:flex;justify-content:space-between;align-items:end;color:#5d8065;font-size:12px}.stock-card strong{font-size:26px;color:#345a40}.stock-card small{font-size:11px}.stock-meter{height:7px;background:#d1ddcc;border-radius:10px;overflow:hidden;margin:13px 0 9px}.stock-meter span{display:block;height:100%;background:#62876b;border-radius:10px}.stock-card p{font-size:10px;color:#85998a;margin:0}.drawer-tabs{display:flex;gap:19px;border-bottom:1px solid #e9e6dd;margin-bottom:22px}.drawer-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:11px 2px;color:#9ca59a;font-size:12px}.drawer-tabs button.active{border-color:#456e51;color:#3d624a;font-weight:760}.drawer-tabs b{font-weight:600;background:#f1eee6;padding:2px 6px;border-radius:9px;font-size:10px}.import-box{border:1px solid #eae6dc;border-radius:13px;padding:19px;background:#fffefa}.import-head{display:flex;justify-content:space-between;align-items:center}.import-head h3{font-size:15px;margin:0;color:#3a5944}.import-head span{font-size:10px;color:#afa68e}.import-box p{font-size:11px;line-height:1.8;color:#858f84;margin:11px 0}.text-button{display:inline-flex;gap:5px;align-items:center;background:none;border:0;color:#4d7755;font-size:11px;font-weight:690;padding:4px 0 14px}.import-box textarea{width:100%;resize:vertical;border:1px solid #e3e6da;border-radius:8px;outline:0;padding:11px;font-size:11px;line-height:1.6;background:#fafbf6;color:#415444}.import-box textarea:focus{border-color:#8fab8b}.import-button{margin-top:10px;border:0;background:#3c6550;color:#fff;border-radius:7px;padding:10px 14px;font-size:11px;font-weight:700}.review-heading{display:flex;justify-content:space-between;align-items:center;margin:29px 0 13px}.review-heading h3{font-size:15px;color:#375441;margin:0}.review-heading span{font-size:10px;color:#a0a89c}.review-list{display:grid;gap:13px}.review-card{border:1px solid #eee9de;border-radius:13px;background:#fffefa;padding:18px}.review-type{display:flex;align-items:center;gap:5px;color:#6b956f;font-size:10px;font-weight:700}.review-card h4{font-size:18px;margin:10px 0;color:#31543e}.review-card h4 span{font-family:Georgia,serif;font-style:italic;color:#a6aa9b;font-weight:400}.review-card p{font-size:12px;color:#68796c;line-height:1.8;margin:0 0 12px}.review-photo{max-height:175px;width:100%;object-fit:cover;border-radius:7px;margin:3px 0 12px}.review-credit{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:8px;color:#a6aaa0;font-size:10px}.review-credit a{display:flex;align-items:center;gap:3px;text-decoration:underline}.review-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.review-actions button{border:1px solid #e4e7dd;background:#fff;color:#728473;border-radius:7px;padding:8px 13px;font-size:11px}.review-actions button.approve{background:#e7f0e3;border-color:#d5e4d0;color:#3a684b;display:flex;gap:5px;align-items:center;font-weight:700}.review-empty{padding:32px;text-align:center;color:#91a896;font-size:12px}.schedule-list{display:grid;gap:4px}.schedule-row{display:flex;align-items:center;gap:13px;padding:12px 3px;border-bottom:1px solid #f0ede5;font-size:11px}.schedule-row span{color:#9aa696;width:60px}.schedule-row b{color:#48604a;flex:1}.schedule-row small{color:#a6aa9f}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);z-index:100;max-width:min(500px,calc(100vw - 30px));display:flex;align-items:center;gap:8px;background:#2f5240;color:#fff;border-radius:10px;padding:13px 16px;box-shadow:0 15px 35px #1d30234d;font-size:12px}.toast button{background:none;border:0;color:#dbe7dd;display:grid;place-items:center}.loading-overlay{position:fixed;inset:0;z-index:20;background:#f6f1e9dd;display:grid;place-content:center;justify-items:center;gap:10px;color:#5a7f61;font-size:13px}.page-loading{height:100vh;display:grid;place-items:center;color:#5a7f61}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fffdf8}.login-art{background:linear-gradient(155deg,#d9e8d4,#a8c6ad);position:relative;overflow:hidden;display:flex;align-items:end;padding:9vw;color:#315b44;font-family:Georgia,serif;font-size:clamp(30px,3.4vw,55px);line-height:1.5}.login-art:before{content:"";position:absolute;left:-11%;bottom:-28%;width:110%;height:58%;background:#91b99b;border-radius:50%}.login-art:after{content:"";position:absolute;right:-25%;bottom:-35%;width:90%;height:55%;background:#6d9d7b;border-radius:50%}.login-art span:last-child{position:relative;z-index:2}.login-sun{position:absolute;width:190px;height:190px;border-radius:50%;background:#f5dca9;right:17%;top:16%;box-shadow:0 0 0 50px #f5dca935,0 0 0 105px #f5dca920}.login-card{max-width:400px;margin:auto;padding:35px 20px}.login-card .brand-mark{margin-bottom:39px}.login-card h1{font-size:39px;color:#2c513c;letter-spacing:-.04em;margin:12px 0}.login-card .muted{font-size:13px;line-height:1.9;color:#8c9689;margin-bottom:35px}.login-form{display:grid;gap:17px}.login-form label{display:grid;gap:8px;font-size:12px;color:#57705e;font-weight:700}.login-form input{width:100%;border:1px solid #e0e8dc;background:#fbfcf9;border-radius:8px;padding:13px 12px;font-size:13px;outline:0}.login-form input:focus{border-color:#74a07e}.login-form .primary-button{margin-top:8px;padding:13px 18px;font-size:13px}.login-foot{font-size:10px;color:#b2b8ad;margin-top:24px;line-height:1.7}@media(max-width:850px){.city-card{grid-template-columns:1fr}.city-image-wrap{min-height:340px}.city-copy{padding:28px 30px}.city-links{margin-top:4px}.tip-ornament{right:-70px}.tip-content{padding:35px}.welcome-right{display:none}.login-shell{grid-template-columns:1fr}.login-art{display:none}}@media(max-width:600px){.site-header{height:65px}.header-inner{padding:0 19px}.header-date,.header-manage{display:none}.main-content{padding:0 18px}.demo-banner{margin:14px 0 -12px;display:block;line-height:1.7}.demo-banner span{display:block}.welcome{padding:45px 0 32px}.welcome h1{font-size:34px;line-height:1.33;margin:10px 0}.welcome p{font-size:12px;line-height:1.7}.tip-card{min-height:250px;border-radius:15px}.tip-content{padding:27px 25px}.tip-card h2{font-size:26px}.tip-body{font-size:13px;line-height:1.8}.tip-ornament{width:160px;height:160px;right:-70px;top:55px}.between-note{padding:27px 0;font-size:10px;gap:8px}.section-heading h2{font-size:23px}.section-index{font-size:9px}.city-image-wrap{min-height:260px}.city-copy{padding:27px 25px 20px}.city-copy h3{font-size:34px;margin-top:17px}.city-english{font-size:20px}.city-divider{margin:20px 0 17px}.city-reason{font-size:13px}.board-section{padding-top:50px}.board-top{padding:22px 20px 15px}.board-top p{display:none}.board-stats{margin:0 20px}.add-task{margin:18px 20px;flex-wrap:wrap}.add-task>input{flex-basis:100%;padding:9px 8px}.date-field{flex:1;justify-content:center}.add-button{flex:1}.task-list-heading,.task-list{margin-left:20px;margin-right:20px}.task-row{gap:9px;min-height:70px}.task-action{opacity:1}.task-title{font-size:12px}.due-pill{font-size:9px}.due-pill.urgent{padding:5px}.task-action svg{width:14px}.done-toggle{margin-left:20px;margin-right:20px;width:calc(100% - 40px)}.site-footer{padding:31px 0 35px;gap:10px;flex-wrap:wrap}.site-footer p{display:none}.drawer{padding:23px 20px}.login-card{padding:38px 25px}}@media(max-width:410px){.city-links{gap:12px}.photo-credit{font-size:8px}.task-row{gap:6px}.task-check{width:20px;height:20px}.task-date{font-size:9px}}.password-backdrop{position:fixed;inset:0;z-index:80;background:#1d302390;display:grid;place-items:center;padding:20px}.password-dialog{position:relative;width:min(420px,100%);background:#fffdf8;border-radius:18px;padding:32px;box-shadow:0 25px 80px #1d302340}.password-dialog .brand-mark{margin-bottom:18px}.password-dialog h2{font-size:26px;color:#2c513c;margin:0 0 8px}.password-dialog p{font-size:12px;line-height:1.8;color:#798a7a;margin:0 0 23px}.password-close{position:absolute;right:19px;top:19px;border:0;background:none;color:#788b79}.password-error{font-size:12px;color:#b05243}