:root{
  color-scheme:light;
  --bg:#F6F1E7;--page:#EDE7DA;--card:#FFFDF8;--card-warm:#FBF6EC;--card-soft:#FBEEDD;
  --ink:#3A3F47;--sub:#8A8F98;--soft:#5A6068;--warm:#6B6257;
  --accent:#E8833A;--accent-d:#C25E16;--gold:#C99A2E;--green:#2FA37A;--red:#D9534F;
  --line:#E7DFD0;--track:#F0E9DB;--shadow:rgba(150,110,60,.14);
}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);background:radial-gradient(circle at 50% -180px,rgba(232,131,58,.13),transparent 470px),var(--page);font:15px/1.55 'PingFang SC','Microsoft YaHei',system-ui,sans-serif}
header{padding:26px max(20px,5vw);color:var(--ink);background:rgba(255,253,248,.97);border-bottom:1px solid var(--line);box-shadow:0 8px 24px rgba(150,110,60,.08)}
header h1{margin:0 0 6px;font-size:26px;letter-spacing:.5px}header p{margin:0;color:var(--sub)}
main{width:min(1040px,92vw);margin:24px auto 60px}
.topbar{display:flex;gap:14px;justify-content:space-between;align-items:end;margin-bottom:16px;padding:14px;border:1px solid var(--line);border-radius:17px;background:rgba(255,253,248,.82);box-shadow:0 6px 18px rgba(150,110,60,.07)}
.topbar label{display:grid;gap:5px;color:var(--sub);font-size:13px}.user{width:min(310px,100%)}
input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);padding:10px 12px;font:inherit}
textarea{min-height:92px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(232,131,58,.2);border-color:var(--accent)}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.tab{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:9px 16px;cursor:pointer;font-weight:800;color:var(--ink)}
.tab.active{color:#fff;border-color:transparent;background:var(--accent);box-shadow:0 3px 0 var(--accent-d)}
.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 10px 28px rgba(150,110,60,.09)}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.full{grid-column:1/-1}.field{display:grid;gap:6px}.field>span{font-size:13px;color:var(--subtle,#6B6257);font-weight:800}
.hint{margin:4px 0 0;color:var(--sub);font-size:12px}.section{margin-top:20px;padding-top:18px;border-top:1px dashed var(--line)}
.section h2{margin:0 0 12px;font-size:19px}.section h3{margin:8px 0 0;color:var(--accent-d)}
.repeat{display:grid;gap:12px}.item{border:1px solid var(--line);border-radius:15px;padding:14px;background:var(--card-warm)}
.item-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.item-head strong{font-size:14px}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
button{border:0;border-radius:13px;padding:11px 17px;font:inherit;font-weight:800;cursor:pointer}
.primary{color:#fff;background:var(--accent);box-shadow:0 3px 0 var(--accent-d);min-width:150px}.secondary{color:var(--ink);background:var(--card-warm);border:1px solid var(--line);box-shadow:0 2px 0 var(--line)}
.danger{color:var(--red);background:#FCEDEA;padding:7px 10px;box-shadow:none}
.message{margin-top:16px;padding:12px 14px;border-radius:12px;display:none}.message.ok{display:block;color:var(--green);background:#E9F8F0}.message.bad{display:block;color:var(--red);background:#FCEDEA}
details{margin-top:18px}summary{color:var(--accent-d);font-weight:800;cursor:pointer}
pre{overflow:auto;background:#3A3F47;color:#FFF7E8;padding:14px;border-radius:14px;max-height:380px;font-size:12.5px}
@media(max-width:760px){body{font-size:15px}header{padding:18px 16px}header h1{font-size:22px}main{width:100%;margin:0}.topbar{display:grid;margin:12px;padding:12px}.tabs{padding:0 12px;margin-bottom:10px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;padding:8px 14px}.card{border-radius:0;border-left:0;border-right:0;min-height:calc(100dvh - 190px);padding:16px 14px calc(100px + env(safe-area-inset-bottom))}.grid{grid-template-columns:1fr}.actions{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-template-columns:1fr 1fr;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(246,241,231,.97);border-top:1px solid var(--line);box-shadow:0 -8px 22px rgba(150,110,60,.08)}.primary,.secondary{min-width:0}.primary{grid-column:1}.secondary{grid-column:2}.message{padding-bottom:80px}}