@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#3e3a37;font-synthesis:none;--cream:#fbf8f3;--paper:#fffdf9;--pink:#db8f98;--pink-dark:#bd6f7b;--pink-soft:#f8e8e9;--sage:#8fa995;--sage-soft:#e8f0e9;--ink:#3e3a37;--muted:#8a827b;--line:#eee7df;--shadow:0 8px 28px #5c463714;background:#eeeae4;font-family:Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:#eeeae4;min-width:320px;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{background:var(--cream);width:100%;max-width:760px;min-height:100vh;margin:auto;position:relative;box-shadow:0 0 50px #d8d1c7}.app-shell main{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.page{min-height:100vh;padding:0 18px 34px}.page>section{margin-top:30px}h1,h2,h3,p{margin-top:0}h1{font-size:25px;line-height:1.35}h2{font-size:19px}h3{font-size:16px}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;background:0 0;border:0}.bottom-nav{z-index:30;width:min(100%,760px);height:calc(68px + env(safe-area-inset-bottom));padding:8px 28px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line);background:#fffdf9f2;justify-content:space-between;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav a{color:#9b948e;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11px;display:flex}.bottom-nav a.active{color:var(--pink-dark);font-weight:600}.bottom-nav a svg{stroke-width:1.8px}.bottom-nav a.active svg{stroke-width:2.4px}.page-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fbf8f3eb;grid-template-columns:40px 1fr 40px;align-items:center;height:68px;margin:0 -18px;padding:0 14px;display:grid;position:sticky;top:0}.page-header h1{text-align:center;margin:0;font-size:17px}.icon-button{border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.icon-button:hover{background:var(--paper)}.icon-button svg{width:21px}.header-action{place-items:center;display:grid}.heart{color:#888;background:#ffffffeb;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 3px 12px #5f4e3b19}.heart.active{color:var(--pink-dark);background:#fff5f6}.stars{color:#d98e5d;letter-spacing:1px;white-space:nowrap;font-size:12px}.stars i{color:#e7ded5;font-style:normal}.eyebrow{color:var(--sage);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.brand-header{justify-content:space-between;align-items:center;padding:27px 4px 20px;display:flex}.brand-header span{letter-spacing:.14em;color:#a89b8e;font-size:9px}.brand-header h1{letter-spacing:.14em;color:#443d37;margin:3px 0 0;font-family:serif;font-size:31px}.brand-header p{color:#9a8e84;letter-spacing:.42em;margin:2px 0;font-size:12px}.brand-mark{background:var(--pink-soft);width:56px;height:56px;color:var(--pink-dark);border-radius:22px 22px 22px 5px;place-items:center;font-size:27px;display:grid;transform:rotate(5deg)}.home-search,.search-bar{background:var(--paper);border:1px solid #f2ece5;border-radius:16px;align-items:center;gap:10px;width:100%;height:50px;padding:0 14px;display:flex;box-shadow:0 4px 18px #53412f0f}.home-search svg,.search-bar svg{color:#a99e94;width:20px}.home-search span{color:#aaa19a;text-align:left;flex:1}.home-search kbd{background:var(--pink-soft);color:var(--pink-dark);border-radius:8px;padding:5px 9px;font:11px inherit}.search-bar input{background:0 0;border:0;outline:0;flex:1;min-width:0}.search-bar button{color:var(--pink-dark);font-size:13px;font-weight:600}.craft-tabs{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;display:grid}.craft-tabs button{text-align:left;color:#7d746d;background:#f0ece7;border-radius:17px;padding:13px 15px;font-weight:700}.craft-tabs button small{color:#a59c95;margin-top:3px;font-size:9px;font-weight:400;display:block}.craft-tabs button.active{background:var(--pink-soft);color:var(--pink-dark);box-shadow:inset 0 0 0 1px #f2ced2}.craft-tabs button:nth-child(2).active{background:var(--sage-soft);color:#64836c;box-shadow:inset 0 0 0 1px #cfdfd2}.mode-grid{gap:10px;display:grid}.mode-card{text-align:left;border-radius:20px;grid-template-columns:42px 1fr 22px;align-items:center;gap:11px;padding:16px;display:grid}.mode-card>svg:first-child{border-radius:14px;width:42px;height:42px;padding:10px}.mode-card b,.mode-card span{display:block}.mode-card b{font-size:16px}.mode-card span{color:#7f7770;margin-top:3px;font-size:11px}.mode-card>svg:last-child{width:18px}.mode-card.pink{background:#f9e7e9}.mode-card.pink>svg:first-child{color:var(--pink-dark);background:#fff7f8}.mode-card.green{background:#e7f0e8}.mode-card.green>svg:first-child{color:#6b8b72;background:#f7fbf7}.section-title{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.section-title h2{margin:0}.section-title button,.section-title>span{color:var(--muted);font-size:12px}.horizontal-cards{scrollbar-width:none;gap:12px;margin:0 -18px;padding:2px 2px 14px 18px;display:flex;overflow-x:auto}.horizontal-cards:after{content:"";min-width:6px}.card-list{gap:14px;display:grid}.tutorial-card{background:var(--paper);box-shadow:var(--shadow);border-radius:21px;grid-template-columns:118px 1fr;min-height:150px;display:grid;overflow:hidden}.tutorial-card.compact{width:210px;min-width:210px;display:block}.card-cover{background:#eee;min-height:150px;position:relative;overflow:hidden}.tutorial-card.compact .card-cover{height:132px;min-height:auto}.card-cover img,.route-cover img,.detail-cover img,.route-detail-cover img{object-fit:cover;width:100%;height:100%;display:block}.card-cover .heart,.route-cover .heart{position:absolute;top:9px;right:9px}.done-pill{color:#64836c;background:#ffffffe6;border-radius:20px;align-items:center;gap:4px;padding:5px 8px;font-size:10px;display:flex;position:absolute;bottom:9px;left:9px}.card-body{padding:15px 13px}.card-body h3{margin:4px 0 5px;line-height:1.45}.meta{color:#8d847d;gap:11px;margin:9px 0;font-size:10px;display:flex}.meta span{align-items:center;gap:3px;display:flex}.meta svg{width:12px;height:12px}.tags{gap:5px;display:flex}.tags span,.chips span{color:#7e756e;background:#f2efea;border-radius:20px;padding:4px 8px;font-size:9px}.coming{background:var(--sage-soft);border-radius:18px;align-items:center;gap:14px;padding:18px;display:flex}.coming>span{font-size:26px}.coming b{font-size:14px}.coming p{color:var(--muted);margin:3px 0 0;font-size:11px}.route-card{background:var(--paper);box-shadow:var(--shadow);border-radius:22px;grid-template-columns:128px 1fr;min-height:190px;display:grid;overflow:hidden}.route-cover{background:#dce9e6;position:relative}.route-info{padding:17px 14px}.route-info h3{margin:5px 0 8px;line-height:1.5}.route-info p{color:#8f877f;margin:8px 0;font-size:10px;line-height:1.6}.route-meta{color:#8f877f;align-items:center;gap:10px;font-size:10px;display:flex}.progress{background:#ebe6df;border-radius:8px;height:6px;margin:11px 0 5px;overflow:hidden}.progress i{background:var(--sage);border-radius:8px;height:100%;display:block}.route-info small{color:#8d847d;font-size:9px}.craft-switch,.segmented{background:#eee9e3;border-radius:14px;margin:4px 0 17px;padding:4px;display:flex}.craft-switch button,.segmented button{color:#8b8179;border-radius:11px;flex:1;padding:9px;font-size:13px}.craft-switch button.active,.segmented button.active{background:var(--paper);color:var(--ink);font-weight:600;box-shadow:0 3px 10px #6d594714}.filter-head{justify-content:space-between;align-items:center;margin:23px 0 13px;display:flex}.filter-head>div b,.filter-head>div span{display:block}.filter-head>div b{font-size:16px}.filter-head>div span{color:var(--muted);margin-top:3px;font-size:11px}.filter-head>button{background:var(--paper);border:1px solid var(--line);border-radius:12px;align-items:center;gap:5px;padding:8px 10px;font-size:12px;display:flex}.filter-head svg{width:15px}.filter-head i{background:var(--pink);color:#fff;border-radius:50%;place-items:center;width:17px;height:17px;font-size:9px;font-style:normal;display:grid}.filter-active{color:var(--pink-dark)!important}.chip-scroll{scrollbar-width:none;gap:7px;margin:0 -18px;padding:0 18px 9px;display:flex;overflow-x:auto}.chip-scroll button,.chips button{white-space:nowrap;color:#847b73;background:#f0ebe5;border-radius:18px;padding:8px 13px;font-size:11px}.chip-scroll button.active,.chips button.active{background:var(--pink);color:#fff}.filter-panel{background:var(--paper);box-shadow:var(--shadow);border-radius:20px;margin:9px 0 18px;padding:16px}.filter-title{justify-content:space-between;margin:3px 0 11px;font-size:13px;display:flex}.filter-title:not(:first-child){margin-top:18px}.filter-title button{color:var(--pink-dark);align-items:center;font-size:10px;display:flex}.chips{gap:7px;display:flex}.chips.wrap{flex-wrap:wrap}.results{margin-top:17px}.empty{text-align:center;color:var(--muted);padding:55px 25px}.empty>span{font-size:38px}.empty h3{color:#6b635d;margin:12px 0 6px;font-size:16px}.empty p{font-size:12px;line-height:1.7}.route-hero{background:linear-gradient(145deg,#e1ece4,#f3f5ea);border-radius:24px;margin:8px 0 20px;padding:24px}.route-hero span{color:#6f8b75;letter-spacing:.08em;font-size:10px}.route-hero h2{margin:8px 0;font-family:serif;line-height:1.55}.route-hero p{color:#7d8178;margin:0;font-size:11px}.detail-cover,.route-detail-cover{height:320px;margin:0 -18px;position:relative;overflow:hidden}.detail-cover>span,.route-detail-cover>span{background:#ffffffdb;border-radius:15px;padding:6px 10px;font-size:10px;position:absolute;bottom:14px;left:18px}.detail-title{padding:22px 2px 8px}.detail-title h1{margin:5px 0 9px}.detail-title>div:nth-of-type(2){align-items:center;gap:14px;display:flex}.detail-title>div span:last-child,.route-detail-title>div span{color:var(--muted);align-items:center;gap:4px;font-size:11px;display:flex}.detail-title svg,.route-detail-title svg{width:14px}.detail-title p{color:var(--muted);margin:10px 0;font-size:11px}.detail-actions{gap:9px;display:grid}.primary,.complete,.welcome-sheet>button{border-radius:15px;justify-content:center;align-items:center;gap:8px;height:50px;font-weight:600;display:flex}.primary{background:var(--pink);color:#fff;box-shadow:0 7px 18px #d78d9560}.primary svg,.complete svg{width:18px}.complete{background:var(--paper);border:1px solid var(--line)}.complete.done{color:#64836c;background:var(--sage-soft);border-color:#d2e0d4}.check-section{background:var(--paper);box-shadow:var(--shadow);border-radius:22px;padding:18px}.check-row{border-top:1px solid var(--line);cursor:pointer;align-items:center;gap:11px;padding:12px 0;display:flex}.check-row input{opacity:0;position:absolute}.check-row>i{color:#fff;border:1.5px solid #ddd4ca;border-radius:8px;place-items:center;width:23px;height:23px;display:grid}.check-row input:checked+i{background:var(--sage);border-color:var(--sage)}.check-row i svg{width:15px}.check-row>div{flex:1}.check-row b,.check-row small{font-size:13px;display:block}.check-row small{color:var(--muted);margin-top:2px;font-size:9px}.check-row>span{color:var(--muted);font-size:11px}.info-card{border-radius:18px;gap:12px;padding:16px;display:flex}.info-card>svg{flex:none;width:20px}.info-card b{font-size:13px}.info-card p,.info-card li{color:#746d67;font-size:11px;line-height:1.7}.info-card p{margin:4px 0 0}.info-card ul{margin:5px 0 0;padding-left:17px}.warning{color:#a46e3e;background:#fff1e2}.warning p{color:#886b50}.tips{background:var(--sage-soft);color:#66806b}.link-tools{justify-content:center;gap:24px;margin:24px 0;display:flex}.link-tools button,.link-tools a{color:var(--muted);align-items:center;gap:5px;font-size:10px;display:flex}.link-tools svg{width:14px}.kit-card{background:linear-gradient(130deg,#f6e4e4,#f9f0e7);border-radius:20px;align-items:center;gap:12px;padding:17px;display:flex}.kit-card>svg{color:var(--pink-dark);background:#fff;border-radius:14px;width:42px;height:42px;padding:9px}.kit-card>div{flex:1}.kit-card span,.kit-card b,.kit-card small{display:block}.kit-card span{color:var(--muted);font-size:9px}.kit-card b{margin:2px 0;font-size:13px}.kit-card small{color:var(--pink-dark)}.kit-card button{align-items:center;font-size:11px;display:flex}.kit-card button svg{width:14px}.sheet-overlay{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2b252061;position:fixed;inset:0}.welcome-sheet{z-index:51;background:var(--paper);width:min(100%,760px);padding:12px 24px calc(23px + env(safe-area-inset-bottom));text-align:center;border-radius:28px 28px 0 0;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.sheet-handle{background:#ddd5cd;border-radius:5px;width:42px;height:4px;margin:0 auto 15px}.welcome-icon{font-size:37px}.welcome-sheet h2{margin:6px 0}.welcome-sheet p{color:var(--muted);margin-bottom:20px;font-size:13px}.welcome-sheet>button{background:#f0ebe5;width:100%;margin-top:8px}.welcome-sheet>button.primary{background:var(--pink)}.welcome-sheet>button.quiet{color:var(--muted);background:0 0;font-weight:400}.welcome-sheet svg{width:17px}.toast{z-index:80;color:#fff;white-space:nowrap;background:#413a35;border-radius:20px;padding:10px 16px;font-size:11px;position:fixed;bottom:95px;left:50%;transform:translate(-50%)}.route-detail-cover{border-radius:0 0 26px 26px;height:260px}.route-detail-title{padding:21px 2px}.route-detail-title h1{margin:6px 0 9px}.route-detail-title p{color:var(--muted);font-size:12px;line-height:1.7}.route-detail-title>div:last-child{gap:14px;display:flex}.audience{background:var(--sage-soft);border-radius:16px;padding:14px 16px}.audience b{color:#67806d;font-size:12px}.audience p{color:#748078;margin:4px 0 0;font-size:11px}.timeline{padding-left:9px}.lesson{padding-bottom:16px;padding-left:36px;position:relative}.lesson:before{content:"";background:#d9d2ca;width:1px;position:absolute;top:30px;bottom:-4px;left:12px}.lesson:last-child:before{display:none}.timeline-dot{color:#a59c94;z-index:1;background:#e9e4de;border-radius:50%;place-items:center;width:25px;height:25px;padding:5px;display:grid;position:absolute;top:13px;left:0}.timeline-dot svg{width:15px}.lesson.completed .timeline-dot{background:var(--sage);color:#fff}.lesson.learning .timeline-dot{background:var(--pink);color:#fff}.lesson-card{background:var(--paper);border-radius:17px;align-items:center;padding:14px;display:flex;box-shadow:0 4px 15px #58432e0a}.lesson-card>div{flex:1}.lesson-card span{color:var(--muted);font-size:9px}.lesson-card h3{margin:3px 0}.lesson-card p{color:var(--muted);margin:0;font-size:10px}.lesson-card small{color:#b27e55;margin-top:8px;font-size:9px;display:block}.lesson-card a svg{color:#aaa;width:17px}.lesson.completed .lesson-card{opacity:.72}.history{gap:2px;display:grid}.history button{text-align:left;align-items:center;gap:9px;padding:10px;font-size:12px;display:flex}.history svg{color:#aaa;width:14px}.search-tips{margin-top:28px}.search-tips>b{margin-bottom:11px;font-size:12px;display:block}.result-count{color:var(--muted);margin:18px 0;font-size:11px}.search-results>section{margin-top:28px}.profile-hero{align-items:center;gap:14px;padding:15px 5px;display:flex}.avatar{background:var(--pink-soft);width:58px;height:58px;color:var(--pink-dark);border-radius:22px;place-items:center;font-size:25px;display:grid}.profile-hero h2{margin:0 0 4px}.profile-hero p{color:var(--muted);margin:0;font-size:11px}.stats{background:var(--paper);border-radius:20px;grid-template-columns:repeat(3,1fr);margin:10px 0 16px;padding:18px 10px;display:grid}.stats div{text-align:center;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats b,.stats span{display:block}.stats b{font-size:21px}.stats span{color:var(--muted);margin-top:3px;font-size:9px}.profile-links{background:var(--paper);border-radius:20px;padding:4px 16px}.profile-links a{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:15px 2px;display:flex}.profile-links a:last-child{border:0}.profile-links>a>svg:first-child{width:19px;color:var(--pink-dark)}.profile-links>a>svg:last-child{color:#bbb;width:16px}.profile-links div{flex:1}.profile-links b,.profile-links span{display:block}.profile-links b{font-size:13px}.profile-links span{color:var(--muted);margin-top:2px;font-size:9px}.local-note{color:#81776f;background:#f0ece6;border-radius:16px;align-items:flex-start;gap:11px;margin-top:26px;padding:14px;display:flex}.local-note svg{width:17px}.local-note p{margin:0;font-size:10px;line-height:1.7}@media (width>=640px){.page{padding-left:32px;padding-right:32px}.page-header{margin-left:-32px;margin-right:-32px;padding-left:28px;padding-right:28px}.home .card-list,.results{grid-template-columns:1fr 1fr}.detail-cover{height:410px;margin-left:-32px;margin-right:-32px}.tutorial-card:not(.compact){grid-template-columns:140px 1fr}.route-card{grid-template-columns:190px 1fr}.mode-grid{grid-template-columns:1fr 1fr}.route-detail-cover{margin-left:0;margin-right:0}.check-section{max-width:600px}.tutorial-detail>section,.tutorial-detail>.detail-actions,.tutorial-detail>.detail-title,.tutorial-detail>.link-tools{max-width:600px;margin-left:auto;margin-right:auto}}@media (prefers-reduced-motion:no-preference){button,a,.tutorial-card,.route-card{transition:all .18s}.tutorial-card:hover,.route-card:hover{transform:translateY(-2px);box-shadow:0 12px 34px #5c46371f}}.app-shell{overflow-x:hidden}.bottom-nav{width:min(100vw,760px)}.craft-tabs{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.explore-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);z-index:20;background:#fbf8f3f2;align-items:center;gap:14px;height:82px;margin:0 -18px 8px;padding:0 18px;display:flex;position:sticky;top:0}.explore-title{flex:none;align-items:center;gap:7px;display:flex}.explore-title h1{letter-spacing:.04em;white-space:nowrap;margin:0;font-family:serif;font-size:23px}.explore-title span{font-size:20px}.craft-pill-scroll{scrollbar-width:none;background:#eee9e3;border-radius:13px;align-items:center;gap:3px;padding:4px;display:flex;overflow-x:auto}.craft-pill-scroll button{color:#928a83;white-space:nowrap;border-radius:9px;flex:none;padding:7px 11px;font-size:11px}.craft-pill-scroll button.active{color:var(--pink-dark);background:#fff;font-weight:700;box-shadow:0 2px 7px #68544112}.explore-filter-head{margin-top:22px}.filter-actions{gap:7px;display:flex}.filter-actions button{border:1px solid var(--line);background:var(--paper);border-radius:12px;align-items:center;gap:5px;padding:9px 10px;font-size:11px;display:flex;position:relative}.filter-actions button svg{width:15px;height:15px}.filter-actions button i{background:var(--pink);color:#fff;border-radius:50%;place-items:center;width:16px;height:16px;font-size:8px;font-style:normal;display:grid;position:absolute;top:-6px;right:-5px}.compact-filter{margin-top:5px}.compact-filter .filter-title svg{width:13px}.tutorial-waterfall{columns:2;column-gap:10px;margin-top:14px}.tutorial-waterfall .tutorial-card.compact{vertical-align:top;break-inside:avoid;border-radius:19px;width:100%;min-width:0;margin:0 0 11px;display:inline-block}.tutorial-waterfall .tutorial-card.compact .card-cover{height:170px}.tutorial-waterfall .tutorial-card:nth-child(4n+2) .card-cover{height:142px}.tutorial-waterfall .tutorial-card:nth-child(4n+3) .card-cover{height:195px}.tutorial-waterfall .tutorial-card:nth-child(4n+4) .card-cover{height:156px}.tutorial-waterfall .card-body{padding:12px 11px 13px}.tutorial-waterfall .card-body h3{margin-top:4px;font-size:14px}.tutorial-waterfall .meta{flex-wrap:wrap;gap:7px;margin:7px 0}.tutorial-waterfall .tags{flex-wrap:wrap}.tutorial-waterfall .heart{width:34px;height:34px}.tutorial-waterfall .done-pill{font-size:8px}.tutorial-waterfall .eyebrow{font-size:9px}@media (width>=640px){.explore-header{margin-left:-32px;margin-right:-32px;padding-left:32px;padding-right:32px}.tutorial-waterfall{column-gap:15px}.tutorial-waterfall .tutorial-card.compact .card-cover{height:260px}.tutorial-waterfall .tutorial-card:nth-child(4n+2) .card-cover{height:215px}.tutorial-waterfall .tutorial-card:nth-child(4n+3) .card-cover{height:290px}.tutorial-waterfall .tutorial-card:nth-child(4n+4) .card-cover{height:235px}}.admin-app{--admin-bg:#f6f5f2;--admin-card:#fff;--admin-ink:#282522;--admin-muted:#858079;--admin-line:#eae6e0;--admin-pink:#c87984;background:var(--admin-bg);min-height:100vh;color:var(--admin-ink);font-family:Noto Sans SC,Microsoft YaHei,sans-serif}.admin-app *{box-sizing:border-box}.admin-app button,.admin-app input,.admin-app select,.admin-app textarea{font:inherit}.admin-app>aside{z-index:50;color:#ddd7d1;background:#292725;flex-direction:column;width:238px;padding:24px 15px;display:flex;position:fixed;top:0;bottom:0;left:0}.admin-brand{border-bottom:1px solid #ffffff12;align-items:center;gap:11px;height:62px;padding:0 8px 17px;display:flex}.admin-brand>span{color:#fff;background:#d38b95;border-radius:13px;place-items:center;width:38px;height:38px;font-size:19px;display:grid}.admin-brand b,.admin-brand small{display:block}.admin-brand b{letter-spacing:.1em;color:#fff;font-family:serif}.admin-brand small{letter-spacing:.14em;color:#918b85;margin-top:2px;font-size:8px}.admin-brand button{color:#fff;margin-left:auto;display:none}.admin-app aside nav{gap:5px;padding-top:21px;display:grid}.admin-app aside nav a{color:#aaa39d;border-radius:11px;align-items:center;gap:11px;padding:11px 13px;font-size:12px;display:flex}.admin-app aside nav a svg{width:17px}.admin-app aside nav a:hover,.admin-app aside nav a.active{color:#fff;background:#ffffff10}.admin-app aside nav a.active{box-shadow:inset 3px 0 #d48a94}.admin-account{border-top:1px solid #ffffff12;align-items:center;gap:8px;margin-top:auto;padding:17px 6px 0;display:flex}.admin-account>i{background:#d6ad63;border-radius:50%;width:8px;height:8px}.admin-account>i.online{background:#7cbb88}.admin-account>div{flex:1;min-width:0}.admin-account b,.admin-account small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-account b{color:#ddd;font-size:9px}.admin-account small{color:#827d78;margin-top:2px;font-size:8px}.admin-account button{color:#817b76}.admin-account button svg{width:15px}.admin-main{min-height:100vh;margin-left:238px;padding:38px clamp(25px,4vw,64px) 60px}.admin-mobile-head{display:none}.admin-loading{color:#8b837c;background:#f6f5f2;place-items:center;height:100vh;display:grid}.admin-page-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:27px;display:flex}.admin-page-head span,.editor-title>span{letter-spacing:.18em;color:#bd7c85;font-size:9px;font-weight:700}.admin-page-head h1,.editor-title h1{margin:4px 0;font-size:28px}.admin-page-head p,.editor-title p{color:var(--admin-muted);margin:0;font-size:11px}.admin-primary{box-shadow:0 5px 15px #b96e7830;color:#fff!important;background:#c87984!important;border:0!important}.admin-primary.small{border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 15px;font-size:11px;font-weight:600;display:inline-flex}.admin-primary.small svg{width:15px}.admin-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.admin-stats>div{border:1px solid var(--admin-line);background:#fff;border-radius:17px;grid-template-columns:42px 1fr;column-gap:12px;padding:17px;display:grid}.admin-stats i{border-radius:13px;grid-row:1/4;place-items:center;width:42px;height:42px;display:grid}.admin-stats i svg{width:20px}.admin-stats span{color:var(--admin-muted);font-size:10px}.admin-stats b{font-size:24px}.admin-stats small{color:#aaa;font-size:8px}.dashboard-grid{grid-template-columns:1.2fr .8fr;gap:18px;margin-bottom:18px;display:grid}.admin-panel{border:1px solid var(--admin-line);background:#fff;border-radius:17px;padding:20px}.panel-head{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.panel-head h2{margin:0 0 3px;font-size:15px}.panel-head p{color:var(--admin-muted);margin:0;font-size:9px}.panel-head>a{color:#a36d75;align-items:center;gap:4px;font-size:9px;display:flex}.panel-head>a svg{width:12px}.bar-chart{gap:12px;display:grid}.bar-chart>div{grid-template-columns:58px 1fr 20px;align-items:center;gap:8px;font-size:9px;display:grid}.bar-chart i{background:#f0ece7;border-radius:7px;height:7px;overflow:hidden}.bar-chart i b{background:linear-gradient(90deg,#d88d96,#9cb09d);border-radius:7px;height:100%;display:block}.bar-chart em{color:#aaa;font-style:normal}.todo-list{display:grid}.todo-list>a{border-top:1px solid var(--admin-line);align-items:center;gap:9px;padding:10px 0;display:flex}.todo-list>a>i{color:#bd7a56;background:#fff0e6;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.todo-list svg{width:14px}.todo-list div{flex:1}.todo-list b,.todo-list span{display:block}.todo-list b{font-size:10px}.todo-list span{color:#aaa;margin-top:2px;font-size:8px}.dashboard-empty,.admin-table-empty{text-align:center;color:#aaa;padding:42px;font-size:10px}.admin-content-list>a{border-top:1px solid var(--admin-line);grid-template-columns:48px 1fr 70px 82px;align-items:center;gap:12px;padding:10px 0;display:grid}.admin-content-list img{object-fit:cover;border-radius:10px;width:48px;height:48px}.admin-content-list b,.admin-content-list span{display:block}.admin-content-list b{font-size:11px}.admin-content-list span{color:#999;margin-top:3px;font-size:8px}.admin-content-list>a>small{color:#999;align-items:center;gap:4px;font-size:8px;display:flex}.admin-content-list>a>small svg{width:12px}.status-badge{border-radius:12px;width:max-content;padding:4px 8px;font-size:8px;font-weight:600;display:inline-flex}.status-badge.published,.status-badge.resolved{color:#5f8067;background:#e4f0e7}.status-badge.draft{color:#8a8178;background:#f2eee8}.status-badge.offline{color:#898989;background:#eee}.status-badge.pending{color:#a36f3f;background:#fff0df}.admin-filters{border:1px solid var(--admin-line);background:#fff;border-radius:14px;align-items:center;gap:8px;margin-bottom:13px;padding:10px;display:flex}.admin-filters select,.admin-filters input,.inline-editor input,.inline-editor select,.product-editor>input,.product-editor>select,.admin-modal input{border:1px solid var(--admin-line);background:#fbfaf8;border-radius:9px;outline:0;padding:9px 10px;font-size:10px}.admin-search{flex:1;align-items:center;gap:7px;min-width:180px;padding-left:7px;display:flex}.admin-search svg{color:#aaa;width:15px}.admin-search input{background:0 0;border:0;flex:1}.admin-filters select{min-width:120px}.admin-table-wrap{border:1px solid var(--admin-line);background:#fff;border-radius:15px;overflow:auto}.admin-table{border-collapse:collapse;width:100%;min-width:760px}.admin-table th{text-align:left;letter-spacing:.08em;color:#999;background:#faf8f5;padding:11px 14px;font-size:8px}.admin-table td{border-top:1px solid var(--admin-line);color:#655f59;padding:11px 14px;font-size:10px}.table-content{align-items:center;gap:10px;min-width:210px;display:flex}.table-content img{object-fit:cover;border-radius:9px;width:45px;height:45px}.table-content b,.table-content small{display:block}.table-content b{color:#36312d;font-size:11px}.table-content small,.block{color:#aaa;margin-top:3px;font-size:8px}.table-actions{gap:4px;display:flex}.table-actions a,.table-actions button{color:#807871;border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.table-actions a:hover,.table-actions button:hover{background:#f2efeb}.table-actions svg{width:14px}.danger-icon{color:#bd6970!important}.admin-modal-mask{z-index:100;background:#25211f66;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.admin-modal{text-align:center;background:#fff;border-radius:18px;width:min(390px,100%);padding:26px;box-shadow:0 20px 60px #0003}.admin-modal>svg{color:#bd6d5e;background:#fff0ea;border-radius:50%;width:35px;height:35px;padding:8px}.admin-modal h3{margin:12px 0 6px;font-size:16px}.admin-modal p{color:#888;font-size:10px;line-height:1.6}.admin-modal>div{justify-content:center;gap:8px;margin-top:19px;display:flex}.admin-modal>div button{background:#eeeae5;border-radius:9px;padding:9px 14px;font-size:10px}.admin-modal>div button.danger{color:#fff;background:#bd6d70}.admin-toast{z-index:120;color:#fff;background:#34312e;border-radius:12px;align-items:center;gap:8px;padding:11px 14px;font-size:10px;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 9px 25px #0003}.admin-toast>svg{color:#8fd09b;width:16px}.admin-toast button{color:#aaa;padding:0}.admin-toast button svg{width:13px}.editor-page{max-width:1180px;margin:auto}.editor-top{border-bottom:1px solid var(--admin-line);justify-content:space-between;align-items:flex-start;height:46px;display:flex}.editor-top>a,.editor-top>div>*{align-items:center;gap:5px;font-size:10px;display:inline-flex}.editor-top>a svg,.editor-top>div svg{width:14px}.editor-top>div{gap:7px;display:flex}.editor-top>div>*{border:1px solid var(--admin-line);background:#fff;border-radius:9px;padding:8px 11px}.editor-title{padding:22px 0}.editor-grid{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:17px;display:grid}.editor-main,.editor-side{gap:14px;display:grid}.editor-side{position:sticky;top:20px}.form-section{border:1px solid var(--admin-line);background:#fff;border-radius:15px;padding:19px}.form-section-head{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.form-section-head h2{margin:0;font-size:14px}.form-section-head p{color:#aaa;margin:3px 0 0;font-size:8px}.form-section-head>button{color:#b2747c;align-items:center;gap:4px;font-size:9px;display:flex}.form-section-head>button svg{width:13px}.form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.field{gap:6px;margin-top:12px;display:grid}.form-grid .field{margin:0}.field.wide{grid-column:1/-1}.field>span{color:#777069;font-size:9px}.field input,.field select,.field textarea,.form-section>input{border:1px solid var(--admin-line);resize:vertical;background:#fbfaf8;border-radius:9px;outline:0;width:100%;padding:10px;font-size:10px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#d6a3aa;box-shadow:0 0 0 3px #d89ca41c}.note-id{background:#f6f3ef;border-radius:9px;justify-content:space-between;margin-top:12px;padding:10px;font-size:9px;display:flex}.note-id code{color:#ad7078}.repeat-row{align-items:center;gap:6px;margin-top:7px;display:flex}.repeat-row>svg{color:#bbb;cursor:grab;width:14px}.repeat-row input{border:1px solid var(--admin-line);border-radius:8px;flex:2;min-width:0;padding:9px;font-size:9px}.repeat-row input:nth-of-type(n+2){flex:1}.repeat-row button{color:#be7779}.repeat-row button svg{width:14px}.form-empty{text-align:center;color:#aaa;background:#faf9f7;border-radius:9px;padding:22px;font-size:9px}.choice-grid{flex-wrap:wrap;gap:6px;display:flex}.choice-grid.vertical{display:grid}.choice-grid label{border:1px solid var(--admin-line);background:#faf9f7;border-radius:8px;align-items:center;gap:5px;padding:7px 8px;font-size:8px;display:flex}.choice-grid input{accent-color:#c77984}.cover-uploader{cursor:pointer;border-radius:11px;display:block;position:relative;overflow:hidden}.cover-uploader img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.cover-uploader span{background:#fffdf9e8;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:8px;font-size:9px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.cover-uploader span svg{width:14px}.cover-uploader input{display:none}.editor-side small{color:#aaa;margin-top:8px;font-size:8px;line-height:1.6;display:block}.lesson-editor-list{gap:8px;display:grid}.lesson-editor-list>div{border:1px solid var(--admin-line);background:#faf8f5;border-radius:11px;grid-template-columns:30px 1fr 30px;gap:10px;padding:11px;display:grid}.lesson-editor-list>div>b{color:#6f8974;background:#e9f0e9;border-radius:9px;place-items:center;width:28px;height:28px;font-size:9px;display:grid}.lesson-editor-list>div>div{gap:6px;display:grid}.lesson-editor-list input,.lesson-editor-list textarea,.lesson-editor-list select{border:1px solid var(--admin-line);resize:vertical;background:#fff;border-radius:7px;padding:7px;font-size:9px}.lesson-editor-list aside{align-content:start;display:grid}.lesson-editor-list aside button{color:#999;height:25px}.lesson-editor-list aside svg{width:13px}.admin-route-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.admin-route-grid>article{border:1px solid var(--admin-line);background:#fff;border-radius:17px;overflow:hidden}.admin-route-cover{height:150px;position:relative}.admin-route-cover img{object-fit:cover;width:100%;height:100%}.admin-route-cover .status-badge{position:absolute;top:10px;right:10px}.admin-route-grid>article>div:last-child{padding:15px}.admin-route-grid small{color:#8aa08d;font-size:8px}.admin-route-grid h3{margin:5px 0;font-size:13px;line-height:1.5}.admin-route-grid p{color:#999;min-height:26px;font-size:8px;line-height:1.6}.route-admin-meta{color:#a57a50;gap:10px;font-size:9px;display:flex}.route-admin-actions{border-top:1px solid var(--admin-line);gap:6px;margin-top:12px;padding-top:10px;display:flex}.route-admin-actions a,.route-admin-actions button{background:#f6f3ef;border-radius:7px;align-items:center;gap:4px;padding:5px 7px;font-size:8px;display:flex}.route-admin-actions svg{width:12px}.route-admin-actions button{color:#bd7274;margin-left:auto}.admin-tabs{border-bottom:1px solid var(--admin-line);gap:5px;margin-bottom:16px;display:flex}.admin-tabs button{color:#8f8881;border-bottom:2px solid #0000;padding:10px 15px;font-size:10px}.admin-tabs button.active{color:#b56f78;border-color:#c77984;font-weight:600}.inline-editor{background:#fff;border:1px solid #e5c7ca;border-radius:13px;align-items:center;gap:8px;margin-bottom:14px;padding:12px;display:flex}.inline-editor>input{flex:1}.inline-editor label{white-space:nowrap;font-size:9px}.inline-editor>button:last-child svg{width:15px}.taxonomy-grid{grid-template-columns:1fr 1fr;gap:1px;padding:0;display:grid;overflow:hidden}.taxonomy-grid>div{border-bottom:1px solid var(--admin-line);align-items:center;gap:10px;padding:13px;display:flex}.taxonomy-grid>div:nth-child(odd){border-right:1px solid var(--admin-line)}.taxonomy-grid i{color:#b7757d;background:#f5e8e9;border-radius:11px;place-items:center;width:34px;height:34px;font-style:normal;display:grid}.taxonomy-grid>div>div{flex:1}.taxonomy-grid b,.taxonomy-grid span{display:block}.taxonomy-grid b{font-size:10px}.taxonomy-grid span{color:#aaa;margin-top:2px;font-size:8px}.taxonomy-grid button{color:#9a938d}.taxonomy-grid button svg{width:13px}.product-editor{grid-template-columns:2fr 1fr 1fr;gap:8px;margin-bottom:15px;display:grid}.product-editor>.choice-grid,.product-editor>div:last-child{grid-column:1/-1}.product-editor>div:last-child{gap:10px;display:flex}.product-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.product-grid article{border:1px solid var(--admin-line);background:#fff;border-radius:15px;padding:17px;position:relative}.product-icon{font-size:27px}.product-grid .status-badge{position:absolute;top:13px;right:13px}.product-grid h3{margin:10px 0 3px;font-size:12px}.product-grid article>b{color:#b57078;font-size:11px}.product-grid p{color:#aaa;font-size:8px}.product-grid article>div:last-child{gap:6px;display:flex}.product-grid article>div:last-child button{background:#f5f2ed;border-radius:7px;align-items:center;gap:4px;padding:6px;font-size:8px;display:flex}.product-grid article>div:last-child svg{width:12px}.feedback-list{gap:9px;display:grid}.feedback-list>article{border:1px solid var(--admin-line);background:#fff;border-radius:14px;gap:12px;padding:15px;display:flex}.feedback-list>article>i{color:#bd7951;background:#fff0e5;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.feedback-list>article>i svg{width:18px}.feedback-main{flex:1}.feedback-main>div:first-child{align-items:center;gap:8px;display:flex}.feedback-main h3{margin:0;font-size:11px}.feedback-main p{color:#777;margin:6px 0;font-size:9px}.feedback-main small{color:#aaa;font-size:8px}.feedback-actions{gap:6px;margin-top:10px;display:flex}.feedback-actions>*{border:1px solid var(--admin-line);border-radius:7px;align-items:center;gap:4px;padding:6px 8px;font-size:8px;display:flex}.feedback-actions svg{width:12px}.feedback-actions .resolve{color:#66816c;background:#e7f0e8}.replace-modal{text-align:left}.replace-modal input{width:100%;margin-top:10px}.replace-modal>div{justify-content:flex-end}.feedback-sheet textarea{border:1px solid var(--line);resize:none;border-radius:12px;outline:none;width:100%;min-height:90px;padding:10px}.admin-login{background:#fbf9f5;grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.login-art{background:linear-gradient(145deg,#d4e1d5,#f1dedf);flex-direction:column;justify-content:center;padding:10vw;display:flex;position:relative;overflow:hidden}.login-art:after{content:"✿";color:#ffffff3d;font-size:360px;position:absolute;bottom:-100px;right:-60px}.login-flower{color:#bf7c85;font-size:42px}.login-art h1{color:#443c37;margin:18px 0;font-family:serif;font-size:38px;line-height:1.55}.login-art p{letter-spacing:.15em;color:#7f7771;font-size:11px}.admin-login form{width:min(350px,80%);margin:auto}.login-logo{color:#c47b85;font-size:29px}.admin-login form h2{margin:11px 0 4px;font-size:23px}.admin-login form>p{color:#999;margin-bottom:25px;font-size:10px}.admin-login form>label{color:#777;gap:6px;margin-top:13px;font-size:9px;display:grid}.admin-login form>label>div{background:#fff;border:1px solid #e5dfd8;border-radius:10px;align-items:center;gap:8px;padding:0 11px;display:flex}.admin-login form>label svg{color:#aaa;width:15px}.admin-login form input{border:0;outline:0;flex:1;min-width:0;padding:11px 0}.admin-login form>.admin-primary{border-radius:10px;width:100%;height:42px;margin-top:17px}.admin-login form>a{text-align:center;color:#999;margin-top:18px;font-size:9px;display:block}.admin-error{color:#b85f65;background:#fff0f0;border-radius:8px;margin-top:10px;padding:8px;font-size:9px}.demo-credential{text-align:center;background:#f3efe9;border-radius:9px;margin-top:12px;padding:10px}.demo-credential b,.demo-credential span{font-size:8px;display:block}.demo-credential span{color:#9a918a;margin-top:3px}@media (width<=1000px){.admin-stats{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.admin-route-grid,.product-grid{grid-template-columns:1fr 1fr}.editor-grid{grid-template-columns:1fr}.editor-side{grid-template-columns:1fr 1fr;position:static}}@media (width<=720px){.admin-app>aside{transition:all .2s;transform:translate(-100%)}.admin-app>aside.open{transform:translate(0)}.admin-brand button{display:block}.admin-drawer-mask{z-index:40;background:#0005;position:fixed;inset:0}.admin-main{margin:0;padding:78px 14px 40px}.admin-mobile-head{z-index:35;color:#fff;background:#292725;justify-content:space-between;align-items:center;height:58px;padding:0 14px;display:flex;position:fixed;top:0;left:0;right:0}.admin-mobile-head button,.admin-mobile-head a{color:#fff}.admin-mobile-head svg{width:19px}.admin-mobile-head b{font-size:12px}.admin-page-head{flex-direction:column;align-items:flex-start}.admin-page-head h1{font-size:24px}.admin-stats{grid-template-columns:1fr 1fr}.admin-content-list>a{grid-template-columns:44px 1fr 60px}.admin-content-list>a>small{display:none}.admin-filters{overflow-x:auto}.admin-route-grid,.product-grid{grid-template-columns:1fr}.editor-top{height:auto;padding-bottom:10px}.editor-top>div>*{font-size:0}.editor-top>div svg{width:15px}.editor-title h1{font-size:23px}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.editor-side{grid-template-columns:1fr}.repeat-row{flex-wrap:wrap}.repeat-row>svg{display:none}.repeat-row input{flex:30%}.taxonomy-grid{grid-template-columns:1fr}.taxonomy-grid>div:nth-child(odd){border-right:0}.inline-editor{flex-direction:column;align-items:stretch}.product-editor{grid-template-columns:1fr}.admin-login{padding:45px 20px;display:block}.login-art{display:none}.admin-login form{background:#fff;border-radius:20px;width:min(350px,100%);padding:25px;box-shadow:0 10px 40px #66534414}}