:root{--care-blue:#126d99;--care-ink:#173748;--care-line:#e2ebef;--care-paper:#f4f8fa}
.phone,.shop-shell,.official-shell,.journal-shell{width:100%;max-width:640px!important}.store-bottom-nav{max-width:640px!important}.store-bottom-nav a.active{color:#137da4!important}
dialog.learning-expanded{width:100vw!important;max-width:100vw!important;height:100dvh;max-height:100dvh!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#000!important}dialog.learning-expanded>.shop-close{display:none}.learning-player-shell.is-expanded{position:fixed;inset:0;z-index:100;background:#000;display:flex;flex-direction:column;justify-content:center;padding:16px;color:white;box-sizing:border-box}.learning-player-shell.is-expanded video{max-height:80dvh;object-fit:contain}.learning-player-shell.is-expanded button,.learning-player-shell.is-expanded select{color:#173748}.learning-player-shell.is-expanded .learning-controls{padding-top:12px}
.form-table-wrap{overflow:auto;border:1px solid var(--care-line);border-radius:14px;margin:14px 0;background:white}.form-table{width:100%;border-collapse:collapse;table-layout:fixed}.form-table th,.form-table td{padding:10px 12px;border-bottom:1px solid var(--care-line);text-align:left;vertical-align:middle}.form-table th{width:34%;background:#f8fbfc;font-weight:500;font-size:14px}.form-table th label{margin:0!important}.form-table th em{color:#d45444;margin-left:4px;font-style:normal}.form-table input,.form-table select,.form-table textarea{width:100%;margin:0!important;box-sizing:border-box;font:inherit;min-height:40px;border:1px solid #d8e5eb;border-radius:8px;padding:9px;background:#fff}.form-table textarea{min-height:82px}.form-table .form-group th{background:#e9f3f7;color:#126d99;font-weight:700}.form-table tr:last-child>*{border-bottom:0}.form-value{white-space:pre-wrap;overflow-wrap:anywhere}.form-preview-phone{max-width:480px;margin:auto}.designer-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:14px 0;position:sticky;top:0;background:#fff;z-index:2;padding:10px 0}.designer-table{min-width:850px;width:100%}.designer-table input,.designer-table select{min-width:90px;width:100%;box-sizing:border-box;margin:0}.designer-table input[type=checkbox]{width:18px;min-width:18px}.designer-table input[hidden]{display:none}.designer-order{white-space:nowrap}.designer-order button{padding:7px 10px;min-height:34px}.ocr-text{white-space:pre-wrap;max-height:180px;overflow:auto;font-size:13px}
body:not(.admin){background:var(--care-paper);color:var(--care-ink)}.shop-shell,.official-shell,.journal-shell,.app-shell{max-width:640px;margin-left:auto;margin-right:auto}.shop-top,.official-top,.journal-top{border-bottom:1px solid var(--care-line)}.member-block,.admin-box{border-color:var(--care-line)}.member-service-grid{gap:8px}.member-service-grid>a,.member-service-grid>button{border-radius:12px;background:#f4f8fb;padding:15px 7px!important}.member-service-grid>b{color:var(--care-blue)}.report-row{border:1px solid var(--care-line);border-radius:13px;margin:10px 0;padding:16px!important;box-shadow:0 4px 16px #17374805}.console-top{border-bottom:1px solid var(--care-line)}.workspace-heading h1{letter-spacing:-.5px}.console-sidebar{box-shadow:4px 0 24px #17374806}.console-nav .active{background:#e9f4fa;color:#116c97}.admin-box{box-shadow:0 4px 20px #17374804}.admin .table-wrap thead{background:#f2f7fa}.admin .table-wrap tbody tr:hover{background:#f8fbfd}.admin .table-wrap td{line-height:1.6}.learning-page{padding:18px 16px 96px;max-width:640px;margin:auto}.learning-intro{padding:24px;border-radius:20px;background:linear-gradient(125deg,#123e57,#127d9e);color:#fff;margin-bottom:18px}.learning-intro h1{margin:8px 0;font-size:27px}.learning-intro p{opacity:.85;line-height:1.7}.learning-list{display:grid;gap:12px}.learning-card{width:100%;text-align:left;border:1px solid var(--care-line);border-radius:17px;overflow:hidden;background:white;display:flex;gap:14px;padding:12px;color:var(--care-ink)}.learning-card img{width:120px;height:88px;object-fit:cover;border-radius:10px}.learning-card h3{font-size:16px;margin:4px 0 10px}.learning-card p{font-size:13px;color:#647e8c}.learning-card small{color:#126d99}.learning-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.learning-player-shell:fullscreen{background:#000;display:flex;flex-direction:column;justify-content:center;color:#fff;padding:12px;box-sizing:border-box}.learning-player-shell:fullscreen video{max-height:82vh;object-fit:contain}.learning-player-shell:fullscreen button,.learning-player-shell:fullscreen select{color:#173748}.learning-player-shell video{display:block;width:100%;border-radius:12px;background:#000}.learning-player-shell:fullscreen video{border-radius:0}.journal-card,.article-card{border-radius:16px;overflow:hidden}dialog{border-radius:20px;border:1px solid #dce8ee}dialog::backdrop{background:#15324370;backdrop-filter:blur(3px)}
@media(max-width:600px){.form-table th,.form-table td{padding:9px 8px}.form-table th{font-size:13px;width:32%}.form-table input{font-size:15px}.admin .workspace-heading{padding:4px 0}.learning-card img{width:100px;height:82px}.admin .designer-table td{display:table-cell!important}.admin .designer-table tr{display:table-row!important}.admin .designer-table td:before{display:none!important}.admin .designer-table thead{display:table-header-group!important}.shop-shell,.official-shell,.journal-shell,.app-shell{width:100%}}

.form-options{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0}.form-options label{display:flex!important;align-items:center;gap:6px;margin:0!important;padding:7px 10px;background:#f2f7fa;border-radius:8px;font-weight:400!important}.form-options input[type=radio]{width:16px!important;height:16px!important;min-height:0!important;margin:0;padding:0;accent-color:#137da4}.form-table-wrap{margin:12px 0}.form-table th,.form-table td{padding:10px}.intake-attachments{padding:12px;background:#f5f9fb;border-radius:12px;margin:12px 0}.intake-attachments h3{font-size:15px;margin:0 0 10px}.intake-attachments small{font-weight:400;color:#8295a2}#intake-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.intake-photo{position:relative}.intake-photo img{width:100%;height:100px;object-fit:cover;border-radius:8px}.intake-photo button{position:absolute;right:2px;top:2px;border:0;background:#18384fcc;color:white;border-radius:50%;width:24px;height:24px;padding:0}.attachment-upload{display:block!important;border:1px dashed #92b8ca;border-radius:8px;padding:12px!important;text-align:center;color:#137da4}.attachment-upload input{display:block;width:100%;font-size:12px;margin-top:8px}.intake-admin-report{display:block;max-width:100%;margin:12px auto}.journal-card{padding:14px;margin-bottom:12px;border-radius:14px}.journal-card h2{font-size:19px;margin:8px 0}.journal-card p{margin:6px 0;line-height:1.7}.journal-cover{margin:10px 0}.journal-card-footer{padding-top:10px}.journal-intro{padding:22px 18px}.journal-discovery{padding:12px 16px}.category-hint{display:block;text-align:right;color:#7c939f;font-size:11px;margin:4px 0 8px}.article-pin{display:inline-block;background:#eaf3f9;color:#167da6;font-size:11px;padding:3px 6px;border-radius:4px;margin-right:6px;vertical-align:middle}

.learning-intro{padding:0;overflow:hidden;border-radius:14px;margin-bottom:12px}.learning-intro h1{padding:22px;margin:0;font-size:24px}.learning-intro img{display:block;width:100%;height:auto}.learning-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.learning-card{display:block!important;padding:0!important;border:1px solid #e2edf1;border-radius:14px!important;overflow:hidden;background:#fff;text-align:left;min-width:0;box-shadow:0 4px 14px #183c4e06}.learning-cover{position:relative;aspect-ratio:16/9;background:#d8e8ee}.learning-cover img,.learning-cover video{width:100%!important;height:100%!important;object-fit:cover;border-radius:0!important;pointer-events:none}.learning-play-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#12344d99;color:white;border-radius:50%;width:32px;height:32px;display:grid;place-items:center}.learning-card-copy{padding:10px}.learning-card h3{font-size:14px!important;line-height:1.5;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px}.learning-card p{font-size:11px;color:#748b99;margin:4px 0}.learning-card small{font-size:11px;color:#b46b21}.learning-card progress{width:100%;height:4px;display:block;margin:7px 0 9px;accent-color:#168aa9}.learning-search{display:flex;gap:8px;align-items:center;margin-bottom:8px}.learning-search input{min-width:0;flex:1;margin:0}.learning-search button{flex-shrink:0}.learning-count{font-size:12px;color:#78909d;margin:8px 0 12px}.learning-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin:22px 0}.learning-pagination button{border:1px solid #d9e6ed;border-radius:8px;background:white;padding:9px 14px}.learning-pagination button:disabled{opacity:.4}.learning-admin-cover{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;margin-bottom:12px}.learning-page-editor #learning-hero-preview{max-width:480px}.learning-admin-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.learning-admin-grid .admin-box{padding:14px}.learning-admin-grid h2{font-size:17px}.learning-page-editor{margin-bottom:18px}
/* Learning search: explicit control styling, bounded width and stable mobile layout. */
.learning-page,.learning-page *{box-sizing:border-box}
.learning-page{width:100%;max-width:640px;padding:18px 16px 32px}
#learning-main{min-width:0;width:100%}
#learning-search{display:grid;grid-template-columns:20px minmax(0,1fr) 66px;align-items:center;gap:10px;width:100%;min-width:0;margin:16px 0 12px;padding:6px 6px 6px 16px;border:1px solid #dfebf0;border-radius:16px;background:#f4f8fa;transition:border-color .18s,box-shadow .18s}
#learning-search:before{content:"";width:15px;height:15px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238198a6' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 4.5 4.5'/%3E%3C/svg%3E")}
#learning-search:focus-within{border-color:#71b4c9;box-shadow:0 0 0 3px #137da40d;background:#fff}
#learning-search input{display:block;width:100%;min-width:0;height:38px;min-height:38px;margin:0;padding:0;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;color:#24485c;font:400 15px/38px -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;appearance:none}
#learning-search input::placeholder{color:#8da1ad;font-size:14px}
#learning-search button{display:block;width:66px;min-width:0;height:38px;min-height:38px;line-height:38px;margin:0;padding:0;border:0;border-radius:11px;background:#147e9f;color:white;font-size:14px;font-weight:600;white-space:nowrap;box-shadow:0 3px 8px #147e9f18;cursor:pointer}
#learning-search button:hover{background:#106c8a}
#learning-search button:active{transform:translateY(1px)}
#learning-search button:focus-visible{outline:2px solid #147e9f;outline-offset:3px}
.learning-count{padding:0 2px;margin:12px 0;color:#8297a3;font-size:12px}
@media(max-width:360px){.learning-page{padding-left:12px;padding-right:12px}#learning-search{gap:8px;padding-left:12px;grid-template-columns:18px minmax(0,1fr) 60px}#learning-search button{width:60px}}