:root{--site-header-content-width: 1196px;--site-header-min-height: 82px;--site-header-border: #e9e4ed;--site-header-surface: #fcfbfd;--site-brand-mark-size: 44px;--site-page-gutter: clamp(24px, 5vw, 72px);--workbench-page-title-size: 34px;--workbench-page-title-letter-spacing: -1.2px;color:#29243b;background:#faf9fd;font-family:Microsoft YaHei,Noto Sans SC,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;background:#faf9fd}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #806df033;outline-offset:3px}.page-shell{width:min(1196px,calc(100% - 48px));margin:0 auto}.primary-button{padding:16px 23px;border:0;border-radius:14px;background:linear-gradient(90deg,#725dea,#5540c9);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 12px 26px #634bd129}.primary-button:disabled{cursor:not-allowed;opacity:.55}.app-update-notice{position:fixed;right:24px;bottom:24px;z-index:10000;display:flex;align-items:center;gap:14px;max-width:min(520px,calc(100vw - 32px));padding:14px 16px;border:1px solid #cfc3ef;border-radius:14px;background:#fff;box-shadow:0 16px 42px #35275b29;color:#362d4c;font-size:14px;font-weight:700}.app-update-notice button{flex:0 0 auto;padding:9px 14px;border:0;border-radius:10px;background:#7153c9;color:#fff;font-weight:800;cursor:pointer}@media(max-width:720px){:root{--site-page-gutter: 18px;--workbench-page-title-size: 28px}}@media(max-width:620px){.page-shell{width:min(100% - 32px,1196px)}.app-update-notice{right:16px;bottom:16px;left:16px;align-items:stretch;flex-direction:column}}:root:has(.wb-blueberry){--bb-page: #f8f6f2;--bb-surface: #ffffff;--bb-subtle: #fffdfa;--bb-soft: #f0eafa;--bb-primary: #7658c7;--bb-primary-hover: #6545b4;--bb-ink: #302d49;--bb-ink-soft: #6f627e;--bb-muted: #84798e;--bb-line: #e7e1eb;--bb-leaf: #819672;--bb-leaf-soft: #eff3ec;--bb-ring: #e6dbf1;--bb-shadow: 0 6px 24px #49315c08;--bb-shadow-floating: 0 20px 70px #30254424;--bb-radius: 18px;--bb-control-radius: 11px;--bb-study-art: url(/assets/blueberry-study-BnDb-exB.webp)}:root:has(.wb-blueberry){--site-header-content-width: 1196px;--site-header-min-height: 82px;--site-header-border: var(--bb-line);--site-header-surface: var(--bb-subtle);--site-brand-mark-size: 44px;--site-page-gutter: clamp(24px, 5vw, 72px);--workbench-page-title-size: 34px;--workbench-page-title-letter-spacing: -1.2px;color:var(--bb-ink);background:var(--bb-subtle);font-family:Microsoft YaHei,Noto Sans SC,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}:where(html:has(.wb-blueberry)) *{box-sizing:border-box}html:has(.wb-blueberry){min-width:320px;background:var(--bb-subtle)}:where(html:has(.wb-blueberry)) body{min-width:320px;min-height:100vh;margin:0}:where(html:has(.wb-blueberry)) button,:where(html:has(.wb-blueberry)) input{font:inherit}:where(html:has(.wb-blueberry)) button:focus-visible,:where(html:has(.wb-blueberry)) input:focus-visible,:where(html:has(.wb-blueberry)) a:focus-visible{outline:3px solid #806df033;outline-offset:3px}:where(html:has(.wb-blueberry)) .page-shell{width:min(1196px,calc(100% - 48px));margin:0 auto}:where(html:has(.wb-blueberry)) .primary-button{padding:16px 23px;border:0;border-radius:14px;background:linear-gradient(90deg,#725dea,var(--bb-primary-hover));color:#fff;font-weight:650;cursor:pointer;box-shadow:0 12px 26px #634bd129}:where(html:has(.wb-blueberry)) .primary-button:disabled{cursor:not-allowed;opacity:.55}:where(html:has(.wb-blueberry)) .app-update-notice{position:fixed;right:24px;bottom:24px;z-index:10000;display:flex;align-items:center;gap:14px;max-width:min(520px,calc(100vw - 32px));padding:14px 16px;border:1px solid #cfc3ef;border-radius:14px;background:#fff;box-shadow:0 16px 42px #35275b29;color:#362d4c;font-size:14px;font-weight:700}:where(html:has(.wb-blueberry)) .app-update-notice button{flex:0 0 auto;padding:9px 14px;border:0;border-radius:10px;background:var(--bb-primary);color:#fff;font-weight:650;cursor:pointer}@media(max-width:720px){:root:has(.wb-blueberry){--site-page-gutter: 18px;--workbench-page-title-size: 28px}}@media(max-width:620px){:where(html:has(.wb-blueberry)) .page-shell{width:min(100% - 32px,1196px)}:where(html:has(.wb-blueberry)) .app-update-notice{right:16px;bottom:16px;left:16px;align-items:stretch;flex-direction:column}}html:has(.wb-blueberry){background:var(--bb-page)}:where(html:has(.wb-blueberry)) body{color:var(--bb-ink)}:where(html:has(.wb-blueberry)) button,:where(html:has(.wb-blueberry)) input,:where(html:has(.wb-blueberry)) textarea,:where(html:has(.wb-blueberry)) select{font:inherit}:where(html:has(.wb-blueberry)) input[type=checkbox],:where(html:has(.wb-blueberry)) input[type=radio],:where(html:has(.wb-blueberry)) input[type=range]{accent-color:var(--bb-primary)}:where(html:has(.wb-blueberry)) :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #a58acb;outline-offset:3px}:where(html:has(.wb-blueberry)) .primary-button{background:var(--bb-primary);border-radius:var(--bb-control-radius);box-shadow:0 4px 12px #7658c71c;font-weight:650}:where(html:has(.wb-blueberry)) .primary-button:hover:not(:disabled){background:var(--bb-primary-hover)}:where(html:has(.wb-blueberry)) ::selection{color:var(--bb-ink);background:#e4d7f5}@media(prefers-reduced-motion:reduce){:where(html:has(.wb-blueberry)) *,:where(html:has(.wb-blueberry)) *:before,:where(html:has(.wb-blueberry)) *:after{scroll-behavior:auto!important}}
