/* Shared paper, ink and stationery palette for existing application surfaces. */
html[data-scrapbook]{--tea-paper:#faf6ec;--tea-white:#fffdf7;--tea-ink:#44392f;--tea-muted:#8a7d6e;--tea-line:#d9cdb8;--tea-yellow:#f8d879;--tea-pink:#f5bdb1;--tea-blue:#cfdfeb;--tea-green:#d8e6c3;--tea-shadow:4px 5px 0 #6756431c;--primary-color:#df997e!important;--primary-dark:#c5846b!important;--brand-yellow:#f8d879!important;--brand-black:#44392f!important;--bg-dark:#faf6ec!important;--bg-card:#fffdf7!important;--bg-card-hover:#f7edd7!important;--border-color:#d9cdb8!important;--text-primary:#44392f!important;--text-secondary:#8a7d6e!important;--el-color-primary:#ae735d!important;--el-color-primary-light-3:#c69987!important;--el-color-primary-light-5:#d5b6a8!important;--el-color-primary-light-7:#ead9cc!important;--el-color-primary-light-8:#f1e5d9!important;--el-color-primary-light-9:#faf0e3!important;--el-color-primary-dark-2:#895d4a!important;--el-border-color:#d9cdb8!important;--el-border-color-light:#e6ddcc!important;--el-border-color-lighter:#eee7db!important;--el-fill-color-blank:#fffdf7!important;--el-fill-color-light:#f7f0e2!important;--el-bg-color:#fffdf7!important;--el-bg-color-overlay:#fffdf7!important;--el-text-color-primary:#44392f!important;--el-text-color-regular:#665749!important;--el-text-color-secondary:#8a7d6e!important;--el-table-header-bg-color:#f4ead5!important;--el-table-row-hover-bg-color:#faf0df!important;--el-mask-color:rgba(74,61,47,.3)!important;--ink:#44392f;--paper:#faf6ec;--coral:#e6a48d}
html[data-scrapbook] body{color:var(--tea-ink);background:var(--tea-paper);font-family:"PingFang SC","Microsoft YaHei",sans-serif;background-image:radial-gradient(#dacdb74d .8px,transparent .8px);background-size:22px 22px}
html[data-scrapbook] :is(h1,h2,h3,.el-dialog__title){font-family:"Hannotate SC","STKaiti","PingFang SC",serif;color:var(--tea-ink)}
html[data-scrapbook] :is(button,a,input,textarea,select):focus-visible{outline:3px solid #a17650;outline-offset:3px}
html[data-scrapbook] :is(.login-container,.register-container){background-color:var(--tea-paper);background-image:radial-gradient(#d6c5aa 1px,transparent 1px),linear-gradient(120deg,#faf6ec,#f4eedf);background-size:24px 24px,auto;padding:70px 25px;overflow:visible;min-height:100dvh}
html[data-scrapbook] .login-bg{pointer-events:none;background:linear-gradient(110deg,#faf6ec55,#f9efd855)}
html[data-scrapbook] .gradient-orb{display:none}
html[data-scrapbook] :is(.login-card,.register-card){width:440px;max-width:100%;padding:36px 38px 32px;background:var(--tea-white);border:2px solid var(--tea-ink);border-radius:9px 12px 8px 13px;box-shadow:8px 9px 0 #d7c9b2;backdrop-filter:none;position:relative;overflow:visible;z-index:1}
html[data-scrapbook] :is(.login-card,.register-card)::before{content:"";position:absolute;left:calc(50% - 62px);top:-15px;width:124px;height:30px;background:repeating-linear-gradient(90deg,#e9d5bccc 0 7px,#ddc5a3cc 7px 8px);transform:rotate(-3deg);border-left:1px dashed #baa380;border-right:1px dashed #baa380;pointer-events:none;z-index:2}
html[data-scrapbook] :is(.login-card,.register-card) .logo{text-align:center;margin-bottom:24px;position:relative;z-index:1}
html[data-scrapbook] .journal-eyebrow{display:block;color:#b3a18c;font:10px/1.4 "PingFang SC",sans-serif;letter-spacing:2px;margin:6px 0 20px}
html[data-scrapbook] :is(.login-card,.register-card) .logo-icon{animation:none;display:block;margin:0 auto 13px;line-height:1;font-size:0}
html[data-scrapbook] .tea-cup{width:82px;height:82px;display:block;margin:auto}
html[data-scrapbook] :is(.login-card,.register-card) .logo h1{position:relative;display:inline-block;isolation:isolate;color:var(--tea-ink);font:700 34px/1.35 "Hannotate SC","STKaiti","PingFang SC",serif;letter-spacing:2px;margin:0 0 15px}
html[data-scrapbook] :is(.login-card,.register-card) .logo h1::before{content:"";position:absolute;z-index:-1;left:3px;right:4px;height:13px;bottom:2px;background:#f7d77899;transform:rotate(-1.5deg);border-radius:4px 1px 8px 2px}
html[data-scrapbook] :is(.login-card,.register-card) .subtitle{color:var(--tea-muted);font-size:12px;line-height:1.9;margin:0;white-space:normal}
html[data-scrapbook] :is(.login-form,.register-form){margin-top:28px;position:relative;z-index:1}
html[data-scrapbook] :is(.login-form,.register-form) .el-form-item{margin-bottom:21px}
html[data-scrapbook] :is(.login-form,.register-form) .el-input__wrapper{background:#fbf8f0!important;border:1.5px solid #c9bda8!important;border-radius:7px;box-shadow:2px 3px 0 #7a67401a!important;padding:5px 14px;min-height:49px}
html[data-scrapbook] :is(.login-form,.register-form) .el-input__wrapper.is-focus{border-color:#a77c52!important;box-shadow:0 0 0 3px #edddc7!important}
html[data-scrapbook] :is(.login-form,.register-form) .el-input__inner{color:var(--tea-ink)!important;font-size:14px}
html[data-scrapbook] :is(.login-form,.register-form) .el-input__prefix{color:#a89782!important}
html[data-scrapbook] :is(.login-btn,.register-btn){height:49px;background:var(--tea-pink)!important;border:2px solid var(--tea-ink)!important;color:var(--tea-ink)!important;border-radius:8px;box-shadow:3px 4px 0 var(--tea-ink);font:600 17px "Hannotate SC","STKaiti","PingFang SC",serif;letter-spacing:2px;margin-top:12px}
html[data-scrapbook] :is(.login-btn,.register-btn):hover{transform:translate(-1px,-1px);background:#f7c9bc!important;box-shadow:4px 5px 0 var(--tea-ink)}
html[data-scrapbook] :is(.login-card,.register-card) .footer-links{margin-top:26px;color:var(--tea-muted);font-size:12px}
html[data-scrapbook] :is(.login-card,.register-card) .footer-links a{color:#a56f53;position:relative;text-decoration:underline;text-decoration-color:#d7bca2;text-underline-offset:5px}
.tea-room-decoration{position:absolute;inset:0;pointer-events:none;z-index:3}.journal-sticker{position:absolute;width:58px;height:58px;object-fit:contain;filter:drop-shadow(2px 0 0 white) drop-shadow(-2px 0 0 white) drop-shadow(0 2px 0 white) drop-shadow(0 -2px 0 white) drop-shadow(3px 4px 0 #47372720)}.journal-sticker.rabbit{left:-32px;top:84px;transform:rotate(-14deg);width:62px;height:62px}.journal-sticker.cat{right:-24px;bottom:27px;transform:rotate(15deg);width:62px;height:62px}.journal-sticker.flower{left:-16px;bottom:12px;width:36px;height:36px;transform:rotate(-11deg)}.journal-sticker.sparkles{right:-20px;top:20px;width:33px;height:33px;transform:rotate(9deg)}.journal-stamp{position:absolute;right:-92px;top:100px;border:1.5px solid #a28267;padding:9px 14px;transform:rotate(10deg);color:#927456;background:#fcf8e8;border-radius:4px;font:16px "Hannotate SC","STKaiti",serif;white-space:nowrap;box-shadow:2px 3px 0 #d8c9af}
html[data-scrapbook] .main-layout{background:var(--tea-paper)!important}
html[data-scrapbook] .sidebar{background:var(--tea-white)!important;border-right:2px dashed #d4c4ac;box-shadow:5px 0 0 #d8c9b51c}
html[data-scrapbook] .sidebar-header{height:84px;border-bottom:1px dashed #d4c4ac;background:#fdf9ef}
html[data-scrapbook] .sidebar .logo-full{width:196px;max-height:58px}.sidebar .logo-mark{max-height:46px}
html[data-scrapbook] .sidebar .el-menu-item{color:#756650;border-radius:6px;margin:7px 0;border:1px solid transparent}
html[data-scrapbook] .sidebar .el-menu-item.is-active{background:#f7e1a7!important;color:#44392f!important;border:1.5px solid #ae936c;box-shadow:2px 3px 0 #d3bea04d;transform:rotate(-.6deg)}
html[data-scrapbook] .sidebar .el-menu-item:hover{background:#faf0dd!important;color:#44392f!important}
html[data-scrapbook] .top-header{background:var(--tea-white)!important;border-bottom:1.5px solid #d9cbb5}
html[data-scrapbook] .top-header h2{font-family:"Hannotate SC","STKaiti","PingFang SC",serif;font-size:23px}
html[data-scrapbook] .user-avatar{background:#dfcbb2!important;color:#59462f!important;border:1.5px solid #ad9475}
html[data-scrapbook] .page-content{background-image:radial-gradient(#d7c9b847 .8px,transparent .8px);background-size:22px 22px}
html[data-scrapbook] :is(.el-card,.panel,.metric-card,.shortcut,.composer,.progress-panel,.candidate-card,.author-card,.result-card){background:var(--tea-white)!important;border:1.5px solid #cdbb9f!important;border-radius:8px!important;box-shadow:var(--tea-shadow)!important;color:var(--tea-ink)}
html[data-scrapbook] .metric-card{border-top:5px solid #eac478!important}.metric-grid .metric-card:nth-child(2){border-top-color:#d1dfba!important}.metric-grid .metric-card:nth-child(3){border-top-color:#dab9d1!important}.metric-grid .metric-card:nth-child(4){border-top-color:#bacfdd!important}.metric-grid .metric-card.risk{border-top-color:#d59e8b!important}
html[data-scrapbook] .panel-header{border-bottom:1px dashed #ddcdb7;padding-bottom:13px}
html[data-scrapbook] .workbench-header h1{font-size:30px;display:inline-block;box-shadow:inset 0 -11px #f4da9499;padding:0 5px}
html[data-scrapbook] .metric-icon{background:#f4e4c8!important;color:#8b6c47!important;border:1px solid #d4bb94;border-radius:8px!important}
html[data-scrapbook] .feature-row{border-bottom-color:#e8dcc9!important}.feature-title{color:var(--tea-ink)!important}.feature-subtitle{color:var(--tea-muted)!important}
html[data-scrapbook] .el-button{border-radius:7px;border-color:#c9b596;color:#675440;background:var(--tea-white)}
html[data-scrapbook] .el-button--primary{background:#f2d58f!important;border:1.5px solid #9d805a!important;color:#44392f!important;box-shadow:2px 3px 0 #96734630}
html[data-scrapbook] .el-button--danger{background:#f8dfd5!important;border-color:#c48e77!important;color:#985238!important}
html[data-scrapbook] .el-button.is-disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important}
html[data-scrapbook] :is(.el-input__wrapper,.el-select__wrapper,.el-textarea__inner){background:var(--tea-white);border-radius:7px;box-shadow:0 0 0 1px #cdbb9f inset;color:var(--tea-ink)}
html[data-scrapbook] :is(.el-table,.el-table__expanded-cell){background:var(--tea-white);color:#675846;--el-table-border-color:#e1d3bd;--el-table-header-bg-color:#f5ead4;--el-table-row-hover-bg-color:#faf0df}
html[data-scrapbook] .el-table th.el-table__cell{background:#f5ead4!important;color:#76634d;border-bottom:1px dashed #ceb999!important}
html[data-scrapbook] .el-table td.el-table__cell{background:var(--tea-white);border-bottom-color:#e8dcc9!important}
html[data-scrapbook] .el-dialog{border:1.5px solid #b49a78;border-radius:11px!important;background:var(--tea-white);box-shadow:6px 7px 0 #58462c33}
html[data-scrapbook] .el-tag{border-radius:5px}.el-tabs__item{color:#8a765c}.el-tabs__item.is-active{color:#8b5f44!important}.el-tabs__active-bar{background:#c59a6b!important}
html[data-scrapbook] .collection-header{background:var(--tea-white);border-bottom:2px dashed #d6c5ac;height:84px}.collection-header img{width:196px}.collection-header h1{font-family:"Hannotate SC","STKaiti",serif;color:var(--tea-ink)}
html[data-scrapbook] .site-header{background:var(--tea-white);border-bottom:1.5px dashed #c4ad8d;gap:19px}.site-header .brand{font-family:"Hannotate SC","STKaiti","PingFang SC",serif;font-size:24px}.site-header .brand-icon{background:#f8d879;border-color:var(--tea-ink);box-shadow:2px 3px 0 #87684933;font-size:0}.site-header .brand-icon::after{content:"";display:block;width:34px;height:34px;background:url('/assets/tea-room-20261012-v1/mark-69d05f37f9a1.svg') center/contain no-repeat}.site-header .header-caption{font-size:12px;border:0;padding-left:8px}.site-header .header-tag{color:#8a765c}
html[data-scrapbook] .board-viewport{border:1.5px solid #c2ae8f;background-color:#f5f0e3}.board-toolbar .filter.active{background:#665542;color:#fffaf0}.board-toolbar .primary,.dialog-actions .primary,.detail-actions .primary{background:#e8ad96;border-color:#6b513b;box-shadow:3px 3px 0 #84654a7a}
html[data-scrapbook] .board-meta,.board-tip,.page-footer,.sharing-note{color:#99866d}.intro .highlight::before{background:#f3d58c}.intro p{color:#8a7965}.little-spark,.title-spark{color:#c99b78}.speech{background:#fffbee;border-color:#b29b7e}
html[data-scrapbook] :is(.topbar,body>header){background:var(--tea-white);border-color:#c9b899}
html[data-scrapbook] :is(.login-box,.collection-card){background:var(--tea-white);border:1.5px solid #c9b08c;box-shadow:var(--tea-shadow);border-radius:9px}
html[data-scrapbook] :is(.workspace,.login-box) :is(textarea,input,select){background:#fffdf7;border-color:#cdbb9f;color:var(--tea-ink);border-radius:7px}
html[data-scrapbook] :is(.workspace,.login-box) .primary{background:#f2d58f;color:#44392f;border:1.5px solid #9d805a;box-shadow:2px 3px 0 #96734630}
html[data-scrapbook] :is(.topbar,.login-box) .brand-mark{background:#f8d879;color:#6e5238;border:1px solid #c4a679;border-radius:8px}
@media(max-width:900px){html[data-scrapbook] .site-header .header-caption{display:none}.journal-stamp{right:-35px;top:108px;font-size:13px;padding:6px 8px}.journal-sticker.rabbit{left:-20px;width:48px;height:48px}.journal-sticker.cat{right:-17px;width:47px;height:47px}}
@media(max-width:560px){html[data-scrapbook] :is(.login-container,.register-container){padding:48px 24px;min-height:100dvh;align-items:center}html[data-scrapbook] :is(.login-card,.register-card){padding:28px 25px 27px;border-radius:9px;box-shadow:5px 6px 0 #d7c9b2}.journal-stamp{display:none}.journal-sticker.rabbit{left:-17px;top:95px;width:39px;height:39px}.journal-sticker.cat{right:-15px;bottom:12px;width:45px;height:45px}.journal-sticker.sparkles{right:-12px;width:28px;height:28px}.journal-sticker.flower{left:-12px;width:28px;height:28px}html[data-scrapbook] .journal-eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:16px}html[data-scrapbook] :is(.login-card,.register-card) .logo h1{font-size:29px;letter-spacing:1px}html[data-scrapbook] :is(.login-card,.register-card) .subtitle{font-size:11px}html[data-scrapbook] .tea-cup{width:67px;height:67px}html[data-scrapbook] .site-header{padding:0 20px;gap:11px}html[data-scrapbook] .site-header .brand{font-size:20px}.collection-header img{width:155px!important}.collection-header{padding:0 16px!important;gap:12px!important}.collection-header .back{font-size:11px}.register-container .register-card{margin:0}.sidebar .logo-full{max-width:100%}}
@media(prefers-reduced-motion:reduce){html[data-scrapbook] *,html[data-scrapbook] *::before{animation:none!important;scroll-behavior:auto!important}}

html[data-tea-page="links"] main section{background:var(--tea-white);border:1.5px solid #cdbb9f;box-shadow:var(--tea-shadow);border-radius:8px}
html[data-tea-page="links"] :is(textarea,table){background:var(--tea-white);color:var(--tea-ink);border-color:#cdbb9f}
html[data-tea-page="links"] button{background:#f7ead5;border:1px solid #c2a989;color:var(--tea-ink);box-shadow:2px 3px 0 #96734630}
html[data-tea-page="links"] button.primary{background:#f2d58f;border:1.5px solid #9d805a}
html[data-tea-page="links"] th{background:#f5ead4;color:var(--tea-ink)}
html[data-tea-page="talent"] :is(textarea,input:not([type="checkbox"]),select){background:var(--tea-white);color:var(--tea-ink);border-color:#cdbb9f;border-radius:7px}
html[data-tea-page="talent"] :is(button:not(.icon-button),dialog){border-color:#c2a989;border-radius:7px}
html[data-tea-page="talent"] button.primary{background:#f2d58f;border:1.5px solid #9d805a;color:var(--tea-ink);box-shadow:2px 3px 0 #96734630}
html[data-tea-page="talent"] dialog{background:var(--tea-white);color:var(--tea-ink);box-shadow:6px 7px 0 #58462c33}
html[data-scrapbook] :is(.login-card,.register-card) .el-button:is(.login-btn,.register-btn){background:var(--tea-pink)!important;border:2px solid var(--tea-ink)!important;box-shadow:3px 4px 0 var(--tea-ink)!important}