* { box-sizing:border-box; }
.ui-language { font-size:13px; color:var(--muted); }
.catalog { max-width:1440px; margin:auto; padding:26px 30px 50px; }
.catalog-toolbar { display:flex; justify-content:space-between; gap:20px; align-items:center; margin-bottom:24px; min-height:48px; }
.catalog-toolbar .tabs { height:48px; }
.catalog-toolbar button[aria-pressed=true] { border-bottom-color:var(--green); color:var(--green); }
.search-field { display:flex; align-items:center; gap:10px; border:1px solid var(--line); padding:10px 12px; border-radius:5px; background:white; }
.search-field input { border:0; outline:0; min-width:0; background:none; }
.tool-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
.tool-card { display:block; text-decoration:none; color:var(--ink); background:#fff; border:1px solid var(--line); border-radius:6px; overflow:hidden; transition:border-color .15s; }
.tool-card:hover { border-color:var(--green); }
.tool-card img { display:block; width:100%; height:auto; aspect-ratio:1.5; object-fit:contain; background:#f9faf9; border-bottom:1px solid var(--line); }
.tool-card>span { display:flex; align-items:center; gap:10px; padding:17px; }
.tool-card strong { font-size:16px; font-weight:600; flex:1; }
.tool-card svg:last-child { color:#829087; width:15px; }
.studio .workspace { grid-template-columns:310px minmax(0,1fr); }
.studio textarea { width:100%; min-height:160px; resize:vertical; padding:10px; border:1px solid var(--line); border-radius:4px; font:17px CardUKai,WenKai,serif; line-height:1.7; }
.studio .main-panel { padding:22px; }
.studio .workspace-toolbar { padding:0; background:none; height:48px; margin-bottom:15px; }
.studio .editor-table { width:100%; border-collapse:collapse; background:#fff; }
.editor-table th,.editor-table td { border-bottom:1px solid var(--line); padding:9px 7px; text-align:left; font-size:12px; }
.editor-table input,.editor-table select { width:100%; min-width:65px; border:1px solid var(--line); padding:7px; border-radius:3px; font-size:13px; }
.editor-table input[data-field=text] { font:21px CardUKai,WenKai,serif; }
.table-scroll { overflow:auto; }
.studio .paper-workspace { padding:12px 0; }
.studio .field { margin-bottom:14px; }
.studio .status { font-size:12px; }
.studio .status.error { color:#b33b37; }
.studio .setting-group { border-top:1px solid var(--line); padding-top:15px; margin-top:15px; }
.studio #studioCanvas { width:100%; height:auto; background:white; border:1px solid var(--line); }
.studio #studioCanvas.portrait { max-width:620px; }
.studio .empty-state { min-height:330px; }
.studio .section-heading { flex-wrap:wrap; }
.studio .warning { font-size:12px; color:#9c4b26; line-height:1.6; }
.picture-tools { display:flex; align-items:center; gap:5px; }
.picture-tools img { width:42px; height:42px; object-fit:contain; }
#textbookPreset { margin-bottom:14px; }
@media(min-width:1350px) { .tool-grid { grid-template-columns:repeat(5,minmax(0,1fr)); } }
@media(max-width:950px) { .tool-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:700px) { .catalog { padding:15px; } .catalog-toolbar { align-items:stretch; flex-direction:column; gap:10px; } .search-field input { width:100%; } .tool-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .tool-card>span { padding:12px 9px; gap:6px; } .tool-card strong { font-size:14px; } .app-header .brand h1 { font-size:16px; } .brand { gap:8px; } .studio .main-panel { padding:14px; } .studio .sidebar { display:block; } .studio .sidebar section { margin-bottom:20px; } }
.catalog-page .catalog { max-width:1560px; padding:20px 28px 40px; }
.catalog-page .catalog-toolbar { gap:16px; margin-bottom:20px; }
.catalog-page .catalog-toolbar .tabs { display:flex; height:42px; gap:0; border:1px solid #cfdada; border-radius:6px; overflow:hidden; background:white; flex-shrink:0; }
.catalog-page .catalog-toolbar .tabs button { border:0; border-right:1px solid #dce4e5; padding:0 22px; color:#4f6560; font-size:14px; }
.catalog-page .catalog-toolbar .tabs button:last-child { border-right:0; }
.catalog-page .catalog-toolbar button[aria-pressed=true] { color:white; background:#256e5c; }
.catalog-page .search-field { min-height:42px; padding:8px 12px; width:300px; color:#6d8187; }
.catalog-page .search-field:focus-within { border-color:#256e5c; box-shadow:0 0 0 2px #256e5c18; }
.catalog-page .search-field input { width:100%; font-size:14px; }
.catalog-page .tool-grid { gap:16px; grid-template-columns:repeat(5,minmax(0,1fr)); }
.catalog-page .tool-card { border-color:#dbe3e7; border-radius:6px; transition:border-color .15s,box-shadow .15s; }
.catalog-page .tool-card:hover { border-color:#82a498; box-shadow:0 4px 14px #243e3710; }
.catalog-page .tool-card img { background:#f0f3f6; padding:12px; aspect-ratio:1.38; border-color:#e5eaed; object-fit:contain; }
.catalog-page .tool-card>span { padding:14px 12px; min-height:62px; gap:9px; }
.catalog-page .tool-card strong { font-size:14px; line-height:1.5; overflow-wrap:anywhere; }
.catalog-page .tool-card svg:first-child { color:#b85950; width:18px; height:18px; }
.catalog-page .tool-card[data-group="游戏素材"] svg:first-child { color:#397d9a; }
.catalog-page .tool-card svg:last-child { width:15px; color:#69847a; }
.catalog-page #noTools { padding:60px 20px; text-align:center; color:#647871; }
.studio.maker-page .workspace-toolbar { padding:0 15px; margin:-22px -22px 18px; height:58px; }
.studio.maker-page textarea { font-family:CardKaitiM,WenKai,serif; background:#fbfcfd; min-height:145px; font-size:19px; border-color:#cbd8d5; }
@media(min-width:901px) { .studio.maker-page .workspace { grid-template-columns:320px minmax(0,1fr); } }
@media(max-width:1199px) { .catalog-page .tool-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:950px) { .catalog-page .tool-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:700px) {
  .catalog-page .catalog { padding:16px 14px 32px; }
  .catalog-page .app-header { flex-wrap:nowrap; padding:0 14px; gap:8px; min-height:78px; }
  .catalog-page .brand-logo img { width:208px; height:78px; }
  .catalog-page .ui-language-select { width:100px; max-width:100px; font-size:12px; }
  .catalog-page .catalog-toolbar { align-items:stretch; gap:12px; margin-bottom:16px; }
  .catalog-page .catalog-toolbar .tabs { height:42px; flex-wrap:nowrap; }
  .catalog-page .catalog-toolbar .tabs button { flex:1; padding:0 8px; font-size:13px; }
  .catalog-page .search-field { width:100%; }
  .catalog-page .tool-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .catalog-page .tool-card img { padding:7px; aspect-ratio:1.25; }
  .catalog-page .tool-card>span { padding:10px 9px; gap:6px; min-height:62px; }
  .catalog-page .tool-card strong { font-size:13px; }
  .catalog-page .tool-card svg:first-child { width:15px; }
  .catalog-page .tool-card svg:last-child { display:none; }
  .studio.maker-page .workspace-toolbar { margin:-14px -14px 14px; }
}
@media(max-width:359px) { .catalog-page .brand-logo img { width:170px; } }
.section-nav { display:flex; align-items:center; gap:24px; margin:auto; }
.section-nav a { color:#506b60; font-size:14px; padding:15px 0; text-decoration:none; border-bottom:3px solid transparent; }
.section-nav a[aria-current] { border-color:#278c9e; color:#216b7b; font-weight:600; }
@media(max-width:1280px) {
  body:not(.catalog-page) .app-header {height:auto;flex-wrap:wrap}
  body:not(.catalog-page) .section-nav {order:9;width:100%;flex-wrap:wrap;justify-content:center}
}
@media(max-width:700px) {
  body:not(.catalog-page) .section-nav {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  body:not(.catalog-page) .section-nav a {min-width:0;white-space:normal;text-align:center;justify-content:center}
}
.catalog-page .catalog { max-width:1440px; padding-top:28px; }
.catalog-page .tool-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
.catalog-page .tool-card { border:1px solid #738f80; box-shadow:3px 3px 0 #dde5df; }
.catalog-page .tool-card img { background:#edf4f0; aspect-ratio:1.6; padding:14px; }
.catalog-page .tool-card:nth-child(4n+2) img { background:#f9ecef; }
.catalog-page .tool-card:nth-child(4n+3) img { background:#eaf3fa; }
.catalog-page .tool-card:nth-child(4n+4) img { background:#fbf5df; }
.catalog-page .tool-card:hover { box-shadow:3px 5px 0 #c8dcd1; transform:translateY(-2px); }
.catalog-page .tool-card strong { font-size:16px; }
@media(max-width:950px) { .catalog-page .tool-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .section-nav { gap:12px; } }
@media(max-width:700px) { .app-header,.catalog-page .app-header { flex-wrap:wrap; height:auto; padding-top:6px; } .section-nav { order:9; width:100%; justify-content:center; border-top:1px solid #dce6df; } .section-nav a { padding:10px 0; font-size:13px; } .catalog-page .tool-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } .catalog-page .tool-card strong { font-size:13px; } }