.daily-page { font:400 1rem/1.75 -apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif; color:var(--ink); overflow-wrap:anywhere; line-break:strict; text-autospace:normal; }
.daily-page * { box-sizing:border-box; }
.daily-page [hidden] { display:none!important; }
.daily-page a,.daily-page button,.daily-page input,.daily-page textarea,.daily-page select { touch-action:manipulation; }
.daily-page :focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
.daily-page ::selection { color:#fffaf1; background:#742f3a; }
.daily-page textarea,.daily-page input { caret-color:var(--accent); }
.daily-shell { width:min(1220px,calc(100% - 88px)); margin-inline:auto; }
.daily-header { display:flex; justify-content:space-between; align-items:center; gap:32px; padding-block:23px; border-bottom:1px solid var(--line); }
.daily-brand { display:flex; align-items:center; gap:12px; }
.daily-brand strong { font:400 2.4375rem/1 JiangCalligraphy,serif; color:var(--accent); }
.daily-brand span { font-size:0.8125rem; letter-spacing:.1em; }
.daily-header nav { display:flex; align-items:center; gap:25px; flex-wrap:wrap; }
.daily-header nav a { min-height:44px; display:inline-flex; align-items:center; font-size:0.875rem; text-underline-offset:8px; }
.daily-header nav a[aria-current] { text-decoration:underline; color:var(--accent); }
.daily-header a:hover,.daily-footer a:hover { color:var(--accent); }
.daily-page main { padding-top:42px; }
.daily-page h1,.daily-page h2,.daily-page h3 { font-family:JiangSerif,'Songti SC',SimSun,serif; font-weight:500; text-wrap:balance; }
.daily-page h1 { font-size:clamp(2.5rem,4.5vw,3.9375rem); line-height:1.25; letter-spacing:.02em; }
.daily-page h2 { font-size:clamp(1.5625rem,2.4vw,2rem); line-height:1.5; }
.daily-page h3 { font-size:1.4375rem; line-height:1.5; }
.daily-page p { text-wrap:pretty; }
.daily-page .intro-line { font-size:1.1875rem; line-height:1.75; margin-top:16px; max-width:26em; }
.daily-page .muted,.micro { color:var(--muted); }
.micro { font-size:0.8125rem; line-height:1.8; }
.daily-page .project-layout { display:grid; grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr); gap:64px; align-items:start; }
.project-cover { margin:28px 0 0; }
.project-cover img { display:block; width:100%; height:auto; aspect-ratio:1.45; object-fit:cover; }
.project-cover figcaption { margin-top:8px; font-size:0.75rem; color:var(--muted); }
.project-intro .muted { margin-top:23px; max-width:30em; }
.working-sheet { background:#faf7ef; padding:30px; box-shadow:0 17px 30px -25px #49331f66; min-width:0; }
.working-sheet>h2 { margin-bottom:16px; }
.service-note { font-size:0.875rem; color:var(--muted); margin:13px 0 19px; }
.field { display:block; margin:18px 0; min-width:0; }
.field>span,.field legend { display:block; font-size:0.875rem; margin-bottom:7px; }
.field input:not([type=checkbox]):not([type=file]),.field select,.field textarea { display:block; width:100%; min-width:0; min-height:46px; padding:10px 12px; border:1px solid #c2b9ac; border-radius:2px; color:var(--ink); background:#fffdf7; font:inherit; font-size:1rem; }
.field textarea { resize:vertical; min-height:94px; }
.field input::placeholder,.field textarea::placeholder { color:#786e65; opacity:1; }
.field input[type=file] { width:100%; font:inherit; font-size:0.875rem; }
.field input::file-selector-button { padding:10px 13px; min-height:44px; border:1px solid #c2b9ac; border-radius:2px; background:#fffdf7; margin-right:12px; color:var(--ink); cursor:pointer; }
.field-row { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.field-row .field { margin-block:9px; }
.daily-page .action { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:10px 19px; border:1px solid #b6aa9c; background:transparent; color:var(--ink); border-radius:2px; font:inherit; font-size:0.875rem; cursor:pointer; }
.daily-page .action:hover { background:#e9e1d6; }
.daily-page .action.primary { background:var(--accent); border-color:var(--accent); color:#fffaf1; }
.daily-page .action.primary:hover { background:#58252c; }
.daily-page .action:disabled { opacity:.5; cursor:not-allowed; }
.actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-top:22px; }
.status { font-size:0.875rem; color:var(--accent); margin-top:14px; overflow-wrap:anywhere; }
.status:empty { display:none; }
.preview-photo { display:block; width:100%; max-height:220px; object-fit:contain; margin-top:18px; background:#eee6da; }
.result-sheet { margin-top:44px; padding:34px; background:#fffaf1; box-shadow:0 18px 35px -27px #49331f66; scroll-margin-top:24px; }
.result-heading { display:flex; align-items:baseline; justify-content:space-between; gap:20px; flex-wrap:wrap; padding-bottom:21px; border-bottom:1px solid var(--line); }
.result-heading p { color:var(--muted); font-size:0.875rem; }
.recipe-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin-top:25px; }
.recipe-list article { min-width:0; padding-top:10px; }
.recipe-list h3 { margin-bottom:9px; }
.recipe-list p { margin:7px 0; font-size:0.875rem; }
.recipe-list ol { padding-left:1.3em; margin:18px 0 0; }
.recipe-list li { margin:10px 0; font-size:0.9375rem; }
.paper-end { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; border-top:1px solid var(--line); margin-top:28px; padding-top:15px; color:var(--muted); font-size:0.8125rem; }
.daily-footer { margin-top:62px; border-top:1px solid var(--line); display:flex; justify-content:space-between; flex-wrap:wrap; gap:20px; padding:24px 0; font-size:0.8125rem; color:var(--muted); }
.noscript-note { padding:16px; border:1px solid var(--line); margin-bottom:20px; }
.reading-top { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:31px; }
.reading-top .intro-line { font-size:1.0625rem; }
.book-import { border-block:1px solid var(--line); margin-bottom:30px; padding-block:15px; }
.book-import summary { padding:8px 0; cursor:pointer; }
.book-import form { max-width:780px; padding-bottom:10px; }
.reading-layout { display:grid; grid-template-columns:200px minmax(0,1fr) 310px; gap:28px; align-items:start; }
.book-index { padding-top:17px; }
.book-index h2 { font-size:1.375rem; margin-bottom:7px; }
.book-index .micro { margin-bottom:15px; }
.page-list { max-height:460px; overflow:auto; padding-right:8px; scrollbar-color:#b9ada0 transparent; }
.page-list button { display:block; text-align:left; width:100%; padding:13px 7px; border:0; border-bottom:1px solid var(--line); color:var(--muted); background:transparent; font:inherit; font-size:0.875rem; cursor:pointer; }
.page-list button[aria-current] { color:var(--accent); background:#f9f4e9; }
.reader-sheet { padding:35px; background:#fffbf3; box-shadow:0 18px 35px -27px #49331f66; min-height:440px; min-width:0; }
.reader-sheet h2 { font-size:1.625rem; }
.reader-text { white-space:pre-wrap; overflow-wrap:anywhere; margin-top:23px; font:400 1.25rem/2 JiangSerif,'Songti SC',SimSun,serif; }
.reader-controls { display:flex; gap:12px; justify-content:space-between; margin-top:27px; }
.reader-controls .action { padding-inline:13px; }
.reading-notes h2 { font-size:1.5rem; }
.reading-notes .field { margin:15px 0; }
.reading-notes textarea { font-size:0.9375rem; min-height:100px; }
.reading-notes .guide { font-size:0.875rem; color:var(--muted); margin-top:10px; }
.reading-notes .actions { margin-top:15px; }
.closet-layout { display:grid; grid-template-columns:310px minmax(0,1fr); gap:38px; }
.closet-intro .project-cover { margin-top:25px; }
.closet-intro .project-cover img { aspect-ratio:.9; }
.closet-work { min-width:0; }
.closet-work .working-sheet { padding:25px; }
.closet-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:24px 0; }
.garment { min-width:0; border-bottom:1px solid var(--line); padding-bottom:15px; }
.garment img { width:100%; height:150px; object-fit:contain; background:#e9e1d6; }
.garment .sample-swatch { height:110px; display:flex; align-items:center; justify-content:center; background:#e9e1d6; color:var(--muted); font-family:JiangSerif,serif; font-size:1.625rem; }
.garment p { margin-top:8px; font-size:0.875rem; overflow-wrap:anywhere; }
.garment button { padding:5px 0; min-height:44px; color:var(--accent); background:transparent; border:0; font:inherit; font-size:0.8125rem; text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
.weather-fields { display:grid; grid-template-columns:1fr 1fr 1fr; gap:16px; }
.outfit-line { display:flex; flex-wrap:wrap; gap:22px; margin-top:25px; }
.outfit-line figure { flex:1; min-width:120px; margin:0; }
.outfit-line img { width:100%; height:190px; object-fit:contain; background:#eee5d9; }
.outfit-line figcaption { font-size:0.875rem; margin-top:9px; }
.outfit-line .sample-swatch { background:#e8dfd2; min-height:110px; display:flex; align-items:center; justify-content:center; padding:18px; }
.outfit-reasons { margin-top:22px; padding-left:1.2em; }
.outfit-reasons li { margin:9px 0; }
.inn-layout { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:55px; align-items:start; }
.inn-intro h1 { font-size:clamp(2.3125rem,4vw,3.5rem); }
.inn-intro .project-cover img { aspect-ratio:1.25; }
.reply-output { white-space:pre-wrap; overflow-wrap:anywhere; font:400 1.125rem/1.95 JiangSerif,serif; margin-top:22px; }
.operation-section { border-top:1px solid var(--line); margin-top:50px; padding-top:29px; }
.operation-section>p { color:var(--muted); margin-top:9px; }
.operation-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:25px; margin-top:24px; }
.operation-list label { display:flex; gap:12px; align-items:start; padding-block:15px; border-top:1px solid var(--line); }
.operation-list input { width:18px; height:18px; accent-color:var(--accent); margin-top:7px; flex:none; }
.operation-list strong { display:block; font-weight:500; }
.operation-list small { display:block; color:var(--muted); font-size:0.875rem; margin-top:7px; }
@media(min-width:1500px) { .daily-page main{padding-top:58px;} }
@media(max-width:1050px) { .daily-shell{width:calc(100% - 48px);} .daily-page .project-layout,.inn-layout{gap:32px;} .daily-header nav{gap:17px;} .reading-layout{grid-template-columns:160px minmax(0,1fr);} .reading-notes{grid-column:2;} .closet-layout{grid-template-columns:250px minmax(0,1fr);gap:26px;} .working-sheet{padding:24px;} }
@media(max-width:760px) {
 .daily-shell{width:calc(100% - 36px);} .daily-header{align-items:start; flex-wrap:wrap; gap:16px; padding-block:18px 13px;} .daily-header nav{width:100%;justify-content:space-between;gap:6px 14px;} .daily-header nav a{font-size:0.8125rem;} .daily-page main{padding-top:27px;}
 .daily-page .project-layout,.closet-layout,.inn-layout{grid-template-columns:1fr;gap:26px;} .daily-page h1{font-size:2.5rem;} .daily-page .intro-line{font-size:1.0625rem;}
 .project-intro .project-cover,.closet-intro .project-cover{display:none;} .project-intro .muted{margin-top:13px; font-size:0.875rem;} .working-sheet,.closet-work .working-sheet{padding:21px;} .recipe-list{grid-template-columns:1fr;gap:25px;} .recipe-list article+article{border-top:1px solid var(--line);padding-top:24px;}
 .result-sheet{padding:23px;margin-top:29px;} .result-heading{gap:8px;} .reading-top{align-items:start; flex-direction:column;gap:15px;margin-bottom:23px;} .reading-top .actions{margin-top:0;} .reading-layout{grid-template-columns:1fr;gap:25px;} .reading-notes{grid-column:auto;} .book-index{padding-top:0;} .page-list{max-height:145px;} .reader-sheet{padding:24px;min-height:300px;} .reader-text{font-size:1.1875rem;} .closet-list{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));} .weather-fields{grid-template-columns:1fr 1fr;} .weather-fields .field:first-child{grid-column:1/-1;} .operation-list{grid-template-columns:1fr 1fr;gap:18px;} .inn-intro .project-cover{margin-top:20px;} .inn-intro .project-cover img{aspect-ratio:2;}
}
@media(max-width:380px) { .daily-shell{width:calc(100% - 28px);} .working-sheet,.closet-work .working-sheet{padding:17px;} .field-row{grid-template-columns:1fr;gap:0;} .daily-header nav{justify-content:start;gap:4px 17px;} .operation-list{grid-template-columns:1fr;} }
@media(prefers-reduced-motion:reduce) { .daily-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important;} }