:root{--bg:#fff9f4;--paper:#fffefd;--ink:#654c45;--soft:#a18b81;--pink:#dc8791;--pink-dark:#b66673;--line:#efe4dc;--mint:#dcece1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Microsoft YaHei UI","PingFang SC",system-ui,sans-serif;font-size:14px}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:4px}button,a{transition:background .16s,transform .16s}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:active{transform:translateY(1px)}a{color:inherit;text-decoration:none}button{border:0;background:none;color:inherit}.sidebar{width:230px;background:#fffdf9;border-right:1px solid var(--line);position:fixed;top:0;bottom:0;padding:30px 20px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 33px;font-size:25px;font-weight:700}.brand svg{width:47px;height:52px}.brand-sub{display:block;margin-top:7px;font-size:9px;letter-spacing:1.6px;font-weight:500;color:var(--soft)}nav{display:grid;gap:9px}.nav{display:flex;align-items:center;gap:15px;padding:15px 21px;text-align:left;border-radius:12px;color:#95837b;font-size:19px}.nav span{font-size:14px}.nav:hover{background:#fff2ec}.nav.active{background:#f9e3e4;color:#a76170;font-weight:600}.sidebar-note{margin:auto 5px 28px;background:#f7f0e7;border:1px solid #eee1d3;border-radius:18px;padding:22px 18px;position:relative;min-height:130px;font-size:12px;line-height:1.9;color:#a48c79}.sidebar-note svg{width:61px;height:70px;position:absolute;right:5px;bottom:9px;transform:rotate(8deg)}.quiet{color:var(--soft);padding:8px}.shell{margin-left:230px}header{height:80px;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;background:#fffdf9}.breadcrumb{font-size:12px;color:var(--soft)}.breadcrumb span{padding:0 13px;color:#c4b5ad}.breadcrumb strong{font-weight:500;color:var(--ink)}.header-tag{font-size:12px;color:#ad8a88;background:#fcf0ee;padding:8px 13px;border-radius:20px}main{max-width:1300px;margin:auto;padding:40px 42px 26px}.eyebrow{font-size:9px;letter-spacing:2.5px;color:#c19c91;margin-bottom:13px}h1{font-size:28px;letter-spacing:-.5px;font-weight:600;margin:0;line-height:1.45}h1 span{color:var(--pink)}.heading-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.subtitle{color:var(--soft);margin:12px 0 28px;font-size:13px;line-height:1.8}.primary,.outline,.stop{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:12px 17px;min-height:42px;font-size:12px}.primary{background:var(--pink);color:white;box-shadow:0 4px 10px #d5878f16}.primary:hover{background:var(--pink-dark)}.outline{border:1px solid var(--line);background:#fffdfb;color:#8e766e}.outline:hover{background:#faeeea}.stop{border:1px solid #edc8cb;background:#fff0f0;color:#b76570}.hero{border:1px solid #f0ddd5;min-height:320px;border-radius:22px;background:linear-gradient(105deg,#fce8df 0%,#fceee6 55%,#f9e3e1 100%);display:flex;justify-content:space-between;position:relative;overflow:hidden;padding:32px 40px}.hero-copy{position:relative;z-index:1}.pill{display:inline-block;font-size:10px;color:#b77778;background:#fff9f2b3;border:1px solid #ebd3c8;padding:6px 11px;border-radius:20px}.hero h2{font-size:31px;line-height:1.55;font-weight:600;margin:15px 0 13px;color:#805b50}.hero p{font-size:12px;color:#b19385;margin:0 0 22px}.hero-copy .primary{font-size:12px;padding:13px 22px}.hero-copy .primary span{margin-left:22px}.hero-art{width:45%;position:relative;min-height:250px}.big-mush{width:102px;height:114px;position:absolute;right:0;bottom:29px;transform:rotate(10deg);filter:drop-shadow(3px 8px 4px #ba85841a)}.spark{position:absolute;color:#ce99a0;font-size:30px}.s1{left:18%;top:8%}.s2{right:8%;top:11%;font-size:22px}.pet-body{position:absolute;width:195px;height:181px;left:18%;top:60px;background:#fffcf4;border:2px solid #d9bbb0;border-radius:20px 20px 32px 32px;box-shadow:7px 11px 0 #dcbcb72b;transform:rotate(-6deg)}.pet-ear{position:absolute;width:28px;height:39px;top:-26px;background:#fff7ed;border:2px solid #d9bbb0;border-bottom:none;border-radius:9px 9px 0 0}.e1{left:18px;transform:rotate(-10deg)}.e2{right:18px;transform:rotate(10deg)}.pet-face{position:absolute;inset:14px 10px 20px;background:#efa8af;border:1px solid #d9949d;border-radius:13px}.pet-screen{position:absolute;left:33px;right:33px;top:32px;height:57px;background:#695b57;border:6px solid #f6b7bd;border-radius:8px;display:flex;justify-content:center;align-items:center;gap:26px}.cat-eye{height:9px;width:6px;border-radius:10px;background:#fff5e8;transform:rotate(-6deg)}.pet-screen i{position:absolute;left:34px;top:24px;font-size:15px;font-style:normal;color:#fff5e8}.tiny-mush{position:absolute;width:23px;height:24px;right:0;top:-4px}.whisker{position:absolute;top:68px;color:#c07c83;font-size:26px}.whisker.left{left:7px}.whisker.right{right:7px}.pet-mouth{position:absolute;bottom:3px;left:68px;color:#fff9f0;font-size:25px}.pet-foot{position:absolute;width:30px;height:29px;background:#fff8ed;border:2px solid #d9bbb0;bottom:-12px;border-radius:5px 5px 13px 13px;z-index:-1}.f1{left:10px}.f2{right:10px}.art-caption{position:absolute;bottom:1px;left:25%;font-size:10px;color:#b18b80}.card{background:var(--paper);border:1px solid var(--line);border-radius:17px;padding:24px;margin-bottom:20px}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:23px}.status-card{display:flex;gap:14px;align-items:center;padding:23px 20px;position:relative}.status-card div{display:flex;flex-direction:column;gap:6px;min-width:0}.status-card small{font-size:11px;color:var(--soft)}.status-card strong{font-size:15px;font-weight:600}.status-card div span{font-size:10px;color:#b29c91}.icon-box{width:43px;height:43px;flex:0 0 43px;border-radius:12px;display:grid;place-items:center;font-size:23px}.mint{background:#e7f1e8;color:#78997b}.peach{background:#fff0df;color:#c79866}.lavender{background:#efebf6;color:#a18eaf}.dot{width:7px;height:7px;border-radius:50%;background:#d7c7bd;position:absolute;top:23px;right:18px}.dot.online{background:#90b996}.two-col{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}h3{font-size:15px;font-weight:600;margin:0}.card-head>span{font-size:10px;color:#b09a8d}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick-actions button{font-size:10px;background:#fffbf6;border:1px solid #f1e7dd;padding:14px 6px;border-radius:11px}.quick-actions b{font-weight:400;color:#c39b91;font-size:24px;display:block;margin-bottom:9px}.empty,.hint{font-size:12px;color:#a08b80;line-height:1.8}.empty{padding:12px 0}.history-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #f4ebe5;font-size:11px}.history-row:last-child{border:0}.history-row small{color:#ac9588}.tag{font-size:10px;white-space:nowrap;background:#f4eee5;padding:5px 8px;border-radius:15px}.tag.sent{background:#eaf3e9;color:#6f9273}.tag.failed{background:#fbe9e8;color:#b5686b}.direction-pad{display:grid;grid-template:75px 75px 75px/75px 75px 75px;justify-content:center;gap:8px;margin:12px auto 25px}.direction-pad button{background:#faeeea;border-radius:15px;font-size:27px;border:1px solid #efdad3}.direction-pad small{font-size:10px;display:block}.direction-pad .up{grid-area:1/2}.direction-pad .left{grid-area:2/1}.direction-pad .right{grid-area:2/3}.direction-pad .down{grid-area:3/2}.direction-pad svg{grid-area:2/2;width:65px;height:70px;align-self:center;justify-self:center}.action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.action-grid button,.preset-songs button,.suggestions button{background:#fff9f4;border:1px solid #eee1d8;padding:11px 8px;border-radius:9px;font-size:11px}.range-label{position:relative;display:block;margin:15px 0 24px}.range-label output{float:right;color:#bf8a8f}.range-label input{margin:14px 0 0;width:100%;accent-color:var(--pink);padding:0;border:0;background:transparent}.color-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.color-label input{padding:3px;width:60px;height:35px}.button-row{display:flex;gap:10px;flex-wrap:wrap}.form-row{display:flex;align-items:end;gap:16px}.form-row label{flex:1}.form-row label.grow{flex:1.5}.form-row>.primary{flex:0 0 auto;margin:0 0 18px}label{display:block;font-size:12px;color:#8d746b;margin-bottom:18px}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea{display:block;width:100%;padding:12px 13px;border:1px solid #e9dbd2;border-radius:8px;background:#fffdf9;color:var(--ink);margin-top:8px;font-size:13px;min-width:0}input::placeholder,textarea::placeholder{color:#c3b0a5}textarea{resize:vertical;line-height:1.8}.check-label{display:flex;gap:8px;align-items:center}.check-label input{accent-color:var(--pink)}hr{border:0;border-top:1px solid var(--line);margin:27px 0}.preset-songs{display:flex;gap:10px;margin-top:25px}.preset-songs small{display:block;font-size:9px;color:#b49889;margin-top:5px}.song-placeholder,.search-placeholder{text-align:center;padding:38px 15px;color:#ab9489}.record{border-radius:50%;height:78px;width:78px;background:repeating-radial-gradient(circle,#e9c5bd,#e9c5bd 2px,#f0d5cc 3px,#f0d5cc 5px);color:#fff6e8;display:grid;place-items:center;margin:auto;font-size:29px}.song-placeholder p,.search-placeholder p{font-size:13px}.song-placeholder small,.search-placeholder small{font-size:11px}.song-found{margin-top:24px;border:1px solid #efddd2;border-radius:12px;padding:20px;background:#fff8f1}.song-found h3{margin-bottom:8px}.song-found p{color:#a28a7c;font-size:12px}.favorite-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:13px 0;border-bottom:1px solid #f1e4db}.favorite-row button:first-child{flex:1;text-align:left}.favorite-row small{display:block;margin-top:5px;color:#ae998b;font-size:10px}.segmented{display:inline-flex;background:#f9eee7;border-radius:9px;padding:5px;gap:8px;margin-bottom:22px}.segmented label{padding:8px;margin:0;font-size:12px}.segmented input{accent-color:var(--pink)}.search-row{display:flex;align-items:center;gap:13px}.search-row input{margin-top:0!important}.search-row button{flex:0 0 auto}.suggestions{display:flex;gap:10px;margin-top:15px;flex-wrap:wrap}.search-placeholder svg{height:105px;width:95px}.search-text{white-space:pre-wrap;line-height:1.9;font-size:13px;padding:25px 0;overflow-wrap:anywhere}.source-link{display:block;background:#f9f3eb;border-radius:9px;padding:11px 15px;margin:9px 0;font-size:11px;color:#9c7d6f;word-break:break-all}.connection-banner{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#fff1e9;border-radius:14px;padding:16px 20px;margin:0 0 22px}.connection-banner>span{margin-right:auto;font-size:12px}.connection-banner button{font-size:11px}pre{background:#fbf4ed;padding:15px;border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;max-height:500px;overflow:auto}footer{max-width:1300px;padding:20px 42px 29px;font-size:10px;color:#b7a396;margin:auto;display:flex;justify-content:space-between;border-top:1px solid var(--line)}dialog{max-width:470px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:21px;padding:30px;color:var(--ink);background:#fffaf6;box-shadow:0 30px 80px #624b4226}dialog::backdrop{background:#64493c63;backdrop-filter:blur(4px)}dialog h2{font-size:21px;font-weight:600;margin:12px 0}dialog p{font-size:12px;color:var(--soft);line-height:1.8}.modal-art svg{width:64px;height:72px}.full{width:100%}.captcha-row{display:flex;align-items:end;gap:10px}.captcha-row>input{flex:1;min-width:0}.captcha{flex:0 0 125px;background:#fff;border:1px solid var(--line);border-radius:8px;height:42px;padding:3px}.captcha img{width:115px;height:35px}.captcha-row>.outline{flex:0 0 auto}#xz-dialog{max-height:90vh;overflow:auto}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#6d554b;color:white;padding:14px 22px;border-radius:12px;font-size:12px;max-width:calc(100vw - 32px);z-index:20;box-shadow:0 5px 30px #654c452e}[hidden]{display:none!important}#login-error,#xz-error{color:#ad5e68;font-size:12px;margin-top:13px}.alarm-row{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:15px 0;font-size:12px}.alarm-row span{flex:1}.alarm-row button{font-size:11px;color:var(--pink-dark)}
@media(min-width:1600px){main{padding-top:50px}.hero{min-height:350px}.hero-art{margin-right:45px}.hero-copy{padding-top:10px}.hero h2{font-size:36px}.pet-body{left:25%;top:65px}}
@media(max-width:1100px){.sidebar{width:190px;padding:26px 13px}.shell{margin-left:190px}.brand{font-size:23px;gap:8px}.brand svg{width:41px}.nav{padding:13px 15px}main{padding:30px 26px}header{padding:0 26px}.hero{padding:28px}.hero h2{font-size:27px}.hero-art{width:45%}.pet-body{width:155px;height:160px;left:5%}.pet-screen{left:23px;right:23px}.pet-screen i{left:27px}.pet-mouth{left:56px}.big-mush{width:74px;height:89px;right:-8px;bottom:36px}.status-card{gap:9px;padding:20px 14px}.status-card div span{font-size:9px}.two-col{gap:16px}.card{padding:20px}.action-grid{grid-template-columns:repeat(3,1fr)}h1{font-size:25px}.header-tag{font-size:10px}.quick-actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{inset:auto 0 0;width:auto;height:73px;padding:0 8px;background:#fffdfb;box-shadow:0 -3px 15px #654c4508;border-right:0;border-top:1px solid var(--line)}.sidebar .brand,.sidebar-note,.sidebar>.quiet{display:none}nav{display:flex;height:100%;justify-content:space-around;gap:0}.nav{padding:8px 3px;min-width:59px;flex-direction:column;justify-content:center;gap:5px;border-radius:0;font-size:21px}.nav span{font-size:10px}.nav.active{background:transparent;color:var(--pink-dark)}.shell{margin:0}header{height:61px;padding:0 20px}.header-tag{font-size:9px;padding:6px 9px}.breadcrumb{font-size:10px}.breadcrumb span{padding:0 8px}main{padding:29px 20px 20px}.eyebrow{font-size:8px;letter-spacing:1.8px}h1{font-size:23px}.heading-row>.outline{font-size:0;padding:8px;min-width:35px}.heading-row>.outline:first-letter{font-size:17px}.subtitle{font-size:12px;margin-bottom:22px}.hero{padding:26px 24px;min-height:335px;border-radius:17px}.hero-copy{max-width:60%;align-self:start}.hero h2{font-size:25px}.hero p{font-size:10px;max-width:140px;line-height:1.9}.hero-copy .primary{font-size:11px;padding:12px 14px}.hero-copy .primary span{display:none}.hero-art{position:absolute;right:12px;bottom:24px;width:47%;height:230px;min-height:0}.pet-body{width:132px;height:135px;left:0;top:55px;transform:rotate(-7deg)}.pet-face{inset:12px 7px 17px}.pet-screen{top:23px;left:21px;right:21px;height:45px;border:4px solid #f6b7bd;gap:21px}.cat-eye{height:7px;width:5px}.pet-screen i{top:18px;left:22px;font-size:13px}.pet-mouth{font-size:20px;left:42px}.whisker{top:50px;font-size:19px}.big-mush{width:60px;height:74px;right:-5px;bottom:20px}.art-caption{left:0;bottom:0;font-size:9px}.s1{left:19%;top:4%;font-size:25px}.s2{right:4%;top:15%}.status-grid{grid-template-columns:1fr;gap:10px;margin:17px 0 22px}.status-card{margin:0;padding:15px 18px;gap:14px}.status-card div{gap:4px}.status-card small{font-size:10px}.status-card strong{font-size:14px}.status-card div span{font-size:10px}.two-col{grid-template-columns:1fr;gap:0}.card{padding:22px;border-radius:15px}.quick-actions{grid-template-columns:repeat(4,1fr)}.quick-actions button{font-size:9px}.card-head>span{font-size:9px}.form-row{flex-wrap:wrap;gap:0 14px}.form-row label{flex:1 1 40%}.form-row>.primary{margin:0 0 10px}.music-layout .form-row label{flex:1 1 100%}.search-row{gap:8px}.search-row .primary{font-size:11px;padding:12px}.connection-banner{flex-wrap:wrap;padding:16px}.connection-banner span{width:100%;margin:0 0 6px}.connection-banner button{padding:10px 14px}.action-grid{grid-template-columns:repeat(4,1fr)}.button-row>*{font-size:11px;padding:11px 13px}footer{padding:15px 20px 95px;font-size:9px;gap:15px}footer span{max-width:120px}dialog{padding:24px}.header-tag{max-width:145px}#toast{bottom:88px;left:50%;min-width:220px;text-align:center}.direction-pad{grid-template:70px 70px 70px/70px 70px 70px}.alarm-form .form-row label{flex:1 1 40%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

@media(max-width:760px){.heading-row{position:relative;display:block}.heading-row>.outline{position:absolute;right:0;top:-32px;font-size:16px;min-width:32px;min-height:28px;padding:5px;font-size:11px}.hero-copy{max-width:100%}.hero h2{font-size:24px;white-space:nowrap}.hero p{max-width:130px}.hero-art{bottom:20px}h1{font-size:21px}}

.records-panel{margin-top:24px;min-width:0}.records-panel h3{margin:18px 0}.records-panel h4{margin:20px 0 10px}.record-card{border:1px solid var(--line,#ecdcd5);background:#fffaf7;border-radius:16px;padding:16px;margin:10px 0}.record-card p,.message-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0;line-height:1.7}.record-card small,.message-bubble small,.chat-entry small{color:#a88b80;font-size:12px}.chat-list,.chat-messages{display:flex;flex-direction:column;gap:12px;margin:16px 0}.chat-entry{text-align:left;background:#fffaf7;border:1px solid #ecdcd5;border-radius:16px;padding:16px;width:100%;min-width:0}.chat-entry strong,.chat-entry small{display:block}.chat-entry p{margin:8px 0 0;font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.message-bubble{padding:15px 18px;border-radius:18px;background:#f7f0e8;max-width:88%;min-width:0;align-self:flex-start}.message-bubble.from-user{background:#f9e1e5;align-self:flex-end}.message-bubble.from-tool{background:#f5f4f1;color:#8b7d72;max-width:100%;width:100%;box-sizing:border-box}.message-bubble summary{cursor:pointer;font-size:13px}.button-row .selected{background:#f9e1e5;border-color:#df9ba7}@media(max-width:600px){.message-bubble{max-width:94%;padding:12px}.record-card{padding:12px}.records-panel h3{font-size:20px}}