<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>七彩霸王花邵美琪 · 内容发现站</title> <meta name="description" content="七彩霸王花邵美琪是一个温和有观点的内容发现站,用编辑精选的视角,为你在纷杂信息里挑出值得停留的片刻:特色专题、情绪推荐、使用指南与编辑手记。"> <meta name="keywords" content="七彩霸王花邵美琪,内容发现,编辑精选,情绪推荐,阅读指南,图库索引"> <style> :root{ --brand:#7a5230; --deep:#3f2a18; --accent:#f2c97d; --bg:#fbf7ef; --card:#ffffff; --line:rgba(122,82,48,.18); --muted:#6f5a45; --radius:14px; --shadow:0 6px 20px rgba(63,42,24,.08); --shadow-lg:0 14px 38px rgba(63,42,24,.14); } *{box-sizing:border-box;} html{scroll-behavior:smooth;} body{ margin:0; background:var(--bg); color:var(--deep); font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif; line-height:1.7; -webkit-font-smoothing:antialiased; } img{max-width:100%;display:block;} a{color:var(--brand);text-decoration:none;transition:color .25s ease,opacity .25s ease;} a:hover{color:var(--deep);} .wrap{width:min(1160px,92%);margin-inline:auto;} /* 顶部品牌栏 */ .topbar{ position:sticky;top:0;z-index:50; background:rgba(251,247,239,.92); backdrop-filter:blur(10px); border-bottom:1px solid var(--line); } .topbar-inner{ display:flex;align-items:center;justify-content:space-between; gap:clamp(12px,2vw,32px); padding:14px 0;flex-wrap:wrap; } .brand{display:flex;align-items:center;gap:12px;} .brand-mark{ width:42px;height:42px;border-radius:12px;flex:0 0 auto; background:linear-gradient(140deg,var(--brand),var(--deep) 70%); display:grid;place-items:center;color:var(--accent); font-weight:700;font-size:clamp(15px,1.6vw,18px);letter-spacing:.5px; box-shadow:var(--shadow); } .brand-name{ font-size:clamp(16px,2vw,21px);font-weight:700;letter-spacing:.5px; color:var(--deep);line-height:1.25; } .brand-tag{ display:block;font-size:clamp(11px,1.1vw,12.5px);font-weight:400; color:var(--muted);letter-spacing:.8px; } nav.mainnav ul{ display:flex;flex-wrap:wrap;gap:clamp(10px,1.6vw,24px); list-style:none;margin:0;padding:0; } nav.mainnav a{ font-size:clamp(13px,1.3vw,14.5px);color:var(--muted); padding:6px 2px;border-bottom:2px solid transparent; transition:color .25s ease,border-color .25s ease; } nav.mainnav a:hover{color:var(--brand);border-bottom-color:var(--accent);} nav.mainnav a.hl{color:var(--brand);font-weight:600;} /* Hero */ .hero{ position:relative;overflow:hidden; border-radius:var(--radius); margin-top:clamp(18px,3vw,34px); box-shadow:var(--shadow-lg); background:var(--deep); } .hero-img{width:100%;height:clamp(300px,46vw,460px);object-fit:cover;opacity:.55;} .hero-content{ position:absolute;inset:0; display:flex;flex-direction:column;justify-content:center; padding:clamp(20px,5vw,64px); background:linear-gradient(100deg,rgba(63,42,24,.92) 0%,rgba(63,42,24,.58) 52%,rgba(63,42,24,.12) 100%); color:#fdf8ef; } .hero-eyebrow{ display:inline-block;align-self:flex-start; background:var(--accent);color:var(--deep); font-size:clamp(11px,1.1vw,12.5px);font-weight:700;letter-spacing:1.2px; padding:6px 14px;border-radius:999px;margin-bottom:16px; } .hero h1{ margin:0 0 14px; font-size:clamp(24px,4.2vw,46px); line-height:1.24;letter-spacing:.5px;font-weight:700; max-width:19em; } .hero p{ margin:0 0 22px;max-width:34em; font-size:clamp(13.5px,1.5vw,16.5px); color:#f2e7d6; } .hero-actions{display:flex;flex-wrap:wrap;gap:12px;} .btn{ display:inline-block;border-radius:999px; padding:11px 24px;font-size:clamp(13px,1.3vw,14.5px); font-weight:600;letter-spacing:.4px; transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease; } .btn-primary{background:var(--accent);color:var(--deep);box-shadow:0 6px 18px rgba(242,201,125,.35);} .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(242,201,125,.5);color:var(--deep);} .btn-ghost{border:1px solid rgba(253,248,239,.6);color:#fdf8ef;} .btn-ghost:hover{background:rgba(253,248,239,.14);transform:translateY(-2px);color:#fff;} /* 通用区块标题 */ section{margin-top:clamp(38px,5.5vw,72px);} .sec-head{margin-bottom:clamp(18px,2.6vw,30px);} .sec-kicker{ display:block;font-size:clamp(11px,1.1vw,12.5px);font-weight:700; letter-spacing:2px;color:var(--brand);text-transform:uppercase;margin-bottom:8px; } .sec-title{ margin:0;font-size:clamp(20px,2.8vw,30px);line-height:1.3; letter-spacing:.4px;color:var(--deep); } .sec-desc{ margin:10px 0 0;color:var(--muted); font-size:clamp(13px,1.35vw,15px);max-width:52em; } /* 特色卡片 */ .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,24px);} .card{ background:var(--card);border-radius:var(--radius); border:1px solid var(--line);box-shadow:var(--shadow); overflow:hidden;display:flex;flex-direction:column; transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease; } .card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:rgba(122,82,48,.34);} .card-thumb{width:100%;height:clamp(150px,18vw,196px);object-fit:cover;} .card-body{padding:clamp(16px,2vw,22px);display:flex;flex-direction:column;gap:8px;flex:1;} .card-label{ align-self:flex-start;font-size:11.5px;font-weight:700;letter-spacing:1px; color:var(--brand);background:rgba(242,201,125,.28); padding:3px 10px;border-radius:999px; } .card h3{margin:0;font-size:clamp(15.5px,1.7vw,18px);line-height:1.4;color:var(--deep);} .card p{margin:0;color:var(--muted);font-size:clamp(13px,1.25vw,14.5px);flex:1;} .card-more{font-size:13px;font-weight:600;color:var(--brand);letter-spacing:.4px;} .card-more::after{content:" →";transition:margin .25s ease;} .card:hover .card-more::after{margin-left:4px;} /* 推荐块 01-06 */ .recs{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,2vw,22px);} .rec{ position:relative;display:flex;gap:clamp(14px,2vw,22px); background:var(--card);border:1px solid var(--line); border-radius:var(--radius);padding:clamp(16px,2.2vw,26px); box-shadow:var(--shadow); transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease; } .rec:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:rgba(242,201,125,.9);} .rec-num{ flex:0 0 auto;font-size:clamp(22px,2.6vw,30px);font-weight:700; color:var(--accent);line-height:1; font-variant-numeric:tabular-nums; text-shadow:0 1px 0 rgba(63,42,24,.12); } .rec h3{margin:0 0 6px;font-size:clamp(15px,1.6vw,17.5px);color:var(--deep);line-height:1.4;} .rec p{margin:0;font-size:clamp(13px,1.25vw,14.5px);color:var(--muted);} .rec .rec-link{ display:inline-block;margin-top:10px;font-size:13px;font-weight:600; color:var(--brand);border-bottom:1px dashed rgba(122,82,48,.45); } .rec .rec-link:hover{border-bottom-color:var(--brand);} /* 指南 + 贴士 */ .guide-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:clamp(16px,2.4vw,28px);align-items:start;} .guide-list{display:flex;flex-direction:column;gap:clamp(12px,1.8vw,18px);} .guide-item{ display:flex;gap:16px; background:var(--card);border:1px solid var(--line); border-radius:var(--radius);padding:clamp(16px,2vw,24px); box-shadow:var(--shadow); transition:transform .25s ease,box-shadow .25s ease; } .guide-item:hover{transform:translateX(4px);box-shadow:var(--shadow-lg);} .guide-step{ flex:0 0 auto;width:38px;height:38px;border-radius:11px; display:grid;place-items:center;font-weight:700;font-size:14px; background:rgba(242,201,125,.35);color:var(--deep); } .guide-item h3{margin:0 0 6px;font-size:clamp(15px,1.6vw,17px);color:var(--deep);} .guide-item p{margin:0;font-size:clamp(13px,1.25vw,14.5px);color:var(--muted);} .tips{ background:linear-gradient(160deg,rgba(242,201,125,.26),rgba(251,247,239,.9)); border:1px solid rgba(242,201,125,.7); border-radius:var(--radius);padding:clamp(18px,2.4vw,28px); box-shadow:var(--shadow); } .tips h3{ margin:0 0 14px;font-size:clamp(15px,1.7vw,18px);color:var(--deep); display:flex;align-items:center;gap:8px; } .tips h3::before{content:"";width:8px;height:18px;border-radius:4px;background:var(--brand);display:inline-block;} .tip{ padding:12px 0;border-top:1px dashed rgba(122,82,48,.28); font-size:clamp(13px,1.25vw,14.5px);color:var(--muted); } .tip:first-of-type{border-top:0;padding-top:0;} .tip strong{color:var(--deep);display:block;margin-bottom:2px;font-size:clamp(13.5px,1.3vw,15px);} /* 编辑手记 */ .notes{ display:grid;grid-template-columns:1fr .9fr;gap:clamp(20px,3.2vw,44px); align-items:start; } .notes-text p{ margin:0 0 16px;font-size:clamp(13.5px,1.4vw,15.5px);color:#4b3621; } .notes-text p:first-of-type::first-letter{ float:left;font-size:3.1em;line-height:.9;padding:4px 10px 0 0; color:var(--brand);font-weight:700; } .notes-quote{ margin:22px 0;padding:16px 20px; border-left:3px solid var(--accent); background:rgba(255,255,255,.65);border-radius:0 12px 12px 0; color:var(--deep);font-size:clamp(13.5px,1.35vw,15px); } .notes-figure{margin:0;} .notes-figure img{ width:100%;height:clamp(240px,34vw,400px);object-fit:cover; border-radius:var(--radius);box-shadow:var(--shadow-lg); } .notes-figure figcaption{ margin-top:10px;font-size:12.5px;color:var(--muted);letter-spacing:.3px; padding-left:2px; } /* 侧栏推荐(内链) */ .related{ margin-top:clamp(24px,3.4vw,40px); background:var(--card);border:1px solid var(--line); border-radius:var(--radius);padding:clamp(18px,2.4vw,28px); box-shadow:var(--shadow); } .related h3{ margin:0 0 14px;font-size:clamp(15px,1.7vw,18px);color:var(--deep); letter-spacing:.4px; } .related ul{ list-style:none;margin:0;padding:0; display:flex;flex-wrap:wrap;gap:10px 14px; } .related a{ display:inline-block;font-size:clamp(12.5px,1.25vw,14px); padding:7px 15px;border-radius:999px; background:rgba(122,82,48,.07); border:1px solid var(--line);color:var(--brand); transition:background .25s ease,color .25s ease,transform .25s ease,border-color .25s ease; } .related a:hover{ background:var(--brand);color:#fdf8ef;border-color:var(--brand); transform:translateY(-2px); } /* 来信区块 */ .letter{ margin-top:clamp(38px,5.5vw,72px); background:linear-gradient(120deg,var(--deep),var(--brand) 78%); border-radius:var(--radius); padding:clamp(24px,4.4vw,56px); color:#fdf8ef; box-shadow:var(--shadow-lg); display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(20px,3vw,42px); align-items:center; } .letter h2{ margin:0 0 12px;font-size:clamp(20px,2.8vw,30px);line-height:1.32;letter-spacing:.4px; } .letter p{ margin:0 0 20px;font-size:clamp(13.5px,1.4vw,15.5px);color:#f0e3d0;max-width:34em; } .letter-actions{display:flex;flex-wrap:wrap;gap:12px;} .letter .btn-ghost{border-color:rgba(253,248,239,.55);} .letter-card{ background:rgba(253,248,239,.1); border:1px solid rgba(242,201,125,.4); border-radius:12px;padding:clamp(16px,2vw,24px); font-size:clamp(12.5px,1.25vw,14px);color:#f5ebdb; } .letter-card strong{display:block;color:var(--accent);letter-spacing:1px;font-size:12px;margin-bottom:8px;} .letter-card span{display:block;margin-top:8px;} /* 页脚 */ footer{ margin-top:clamp(38px,5.5vw,72px); border-top:1px solid var(--line); padding:clamp(24px,3.4vw,44px) 0 clamp(20px,2.6vw,32px); background:rgba(255,255,255,.5); } .foot-grid{ display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:clamp(20px,3vw,40px); padding-bottom:clamp(20px,2.6vw,30px); } .foot-brand .brand-name{font-size:clamp(15px,1.6vw,17px);} .foot-brand p{ margin:12px 0 0;font-size:13px;color:var(--muted);max-width:26em; } .foot-col h4{ margin:0 0 12px;font-size:13px;letter-spacing:1.2px;color:var(--brand); font-weight:700; } .foot-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;} .foot-col a{font-size:13px;color:var(--muted);} .foot-col a:hover{color:var(--brand);} .foot-bottom{ border-top:1px solid var(--line); padding-top:clamp(16px,2vw,22px); display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between; font-size:12.5px;color:var(--muted); } .foot-bottom p{margin:0;} .compliance{max-width:62em;line-height:1.75;} /* 响应式 */ @media (max-width:1024px){ .cards{grid-template-columns:repeat(2,1fr);} .guide-grid{grid-template-columns:1fr;} .notes{grid-template-columns:1fr;} .notes-figure img{height:clamp(220px,42vw,340px);} .letter{grid-template-columns:1fr;} .foot-grid{grid-template-columns:1fr 1fr;} } @media (max-width:720px){ .topbar-inner{flex-direction:column;align-items:flex-start;gap:10px;} nav.mainnav ul{gap:12px 18px;} .cards{grid-template-columns:1fr;} .recs{grid-template-columns:1fr;} .hero-img{height:clamp(340px,74vw,420px);} .hero-content{ background:linear-gradient(180deg,rgba(63,42,24,.86) 0%,rgba(63,42,24,.7) 100%); padding:22px; } .hero h1{max-width:none;} .foot-grid{grid-template-columns:1fr;} .foot-bottom{flex-direction:column;} } @media (prefers-reduced-motion:reduce){ *{transition:none !important;animation:none !important;} html{scroll-behavior:auto;} } </style> <script src="/assets/site.js" defer></script></head> <body> <header class="topbar"> <div class="wrap topbar-inner"> <div class="brand"> <div class="brand-mark" aria-hidden="true">七</div> <div> <span class="brand-name">七彩霸王花邵美琪</span> <span class="brand-tag">内容发现 · 编辑精选</span> </div> </div> <nav class="mainnav" aria-label="主导航"> <ul> <li><a href="#features">特色专题</a></li> <li><a href="#picks">题材推荐</a></li> <li><a href="#guide">使用指南</a></li> <li><a href="#notes">编辑手记</a></li> <li><a href="init81f2ce9c.html">118黑白图库114</a></li> <li><a href="#letter">来信</a></li> </ul> </nav> </div> </header> <main class="wrap"> <!-- Hero --> <section class="hero" id="top" aria-label="站点横幅"> <img class="hero-img" src="https://images.unsplash.com/photo-1495446815901-a7297e633e8d?auto=format&fit=crop&w=1600&q=80" alt="暖色调书架与散落的书页,作为内容发现站的横幅背景"> <div class="hero-content"> <span class="hero-eyebrow">本期编辑精选</span> <h1>在信息过载的地方,替你先看一眼</h1> <p>七彩霸王花邵美琪不追求把一切铺在你面前。我们更愿意做那个安静翻页的人:挑出有温度的段落、留得住视线的画面,然后轻轻递到你手里。</p> <div class="hero-actions"> <a class="btn btn-primary" href="#picks">从题材推荐开始</a> <a class="btn btn-ghost" href="#notes">读编辑手记</a> </div> </div> </section> <!-- 特色卡片 --> <section id="features" aria-label="特色专题"> <div class="sec-head"> <span class="sec-kicker">Featured</span> <h2 class="sec-title">三个值得先停一停的专题</h2> <p class="sec-desc">它们不是榜单,而是三种不同的进入方式:有人从光影进去,有人从情绪进去,也有人从时间进去。</p> </div> <div class="cards"> <article class="card"> <img class="card-thumb" src="https://images.unsplash.com/photo-1519681393784-d120267933ba?auto=format&fit=crop&w=900&q=80" alt="夜色中的山谷与星光,象征安静而辽阔的阅读心境"> <div class="card-body"> <span class="card-label">光影</span> <h3>把画面调暗一点,故事才浮出来</h3> <p>低饱和与深色背景,是这期我们反复回到的审美坐标。它们让注意力重新落回细节,而不是被亮处抢走。</p> <a class="card-more" href="#picks">看相关推荐</a> </div> </article> <article class="card"> <img class="card-thumb" src="https://images.unsplash.com/photo-1499750310107-5fef28a66643?auto=format&fit=crop&w=900&q=80" alt="桌面上摊开的笔记本与咖啡杯,象征日常记录与整理"> <div class="card-body"> <span class="card-label">整理</span> <h3>收藏夹不是仓库,是走廊</h3> <p>我们相信好的收藏应当有动线:先分类、再回访、最后删掉一半。留下能被再次打开的东西,就够了。</p> <a class="card-more" href="#guide">读使用指南</a> </div> </article> <article class="card"> <img class="card-thumb" src="https://images.unsplash.com/photo-1463320726281-696a485928c7?auto=format&fit=crop&w=900&q=80" alt="窗边的绿植与柔和日光,象征耐心与长期的注视"> <div class="card-body"> <span class="card-label">耐心</span> <h3>慢一点的内容,会自己找到读者</h3> <p>有些页面适合在通勤路上刷完,有些则需要一个完整的下午。分辨两者的差别,是我们一直在练习的事。</p> <a class="card-more" href="#notes">读编辑手记</a> </div> </article> </div> </section> <!-- 情绪/题材推荐 01-06 --> <section id="picks" aria-label="情绪与题材推荐"> <div class="sec-head"> <span class="sec-kicker">Picks 01 — 06</span> <h2 class="sec-title">按心情挑一条入口</h2> <p class="sec-desc">不必按顺序读。你此刻的状态,本身就是最好的筛选器。</p> </div> <div class="recs"> <article class="rec"> <div class="rec-num" aria-hidden="true">01</div> <div> <h3>想安静下来的时候</h3> <p>选那些没有配乐、没有弹窗、只剩文字和留白的页面。它们不催你,也不问你读完了没有。</p> <a class="rec-link" href="#notes">看编辑怎么写安静</a> </div> </article> <article class="rec"> <div class="rec-num" aria-hidden="true">02</div> <div> <h3>想被画面打动的时候</h3> <p>黑白、暖褐、低对比——当颜色被收走,构图才开始说话。这类内容适合全屏看,别缩在角落。</p> <a href="init81f2ce9c.html">118黑白图库114</a> </div> </article> <article class="rec"> <div class="rec-num" aria-hidden="true">03</div> <div> <h3>想找点旧日秩序的时候</h3> <p>编号、分类、报头、目录——这些看似古板的结构,反而让翻阅变得踏实。适合心浮的时候。</p> <a href="inite48fe134.html">118图库至尊报</a> </div> </article> <article class="rec"> <div class="rec-num" aria-hidden="true">04</div> <div> <h3>想看得更细一点的时候</h3> <p>把同一类东西摊开并列,细节之间的差别就会自己冒出来。比较本身,也是一种阅读方法。</p> <a href="init62568c0e.html">118l图库</a> </div> </article> <article class="rec"> <div class="rec-num" aria-hidden="true">05</div> <div> <h3>想沾一点热闹的时候</h3> <p>偶尔也需要密集的、明亮的、带点喧哗的内容。它不深刻,但能把你从低气压里拽出来。</p> <a href="init6aa23ec9.html">正版彩霸王28057</a> </div> </article> <article class="rec"> <div class="rec-num" aria-hidden="true">06</div> <div> <h3>想听听别人怎么说的时候</h3> <p>论坛式的内容带着毛边和口音,不精致,却真实。适合在睡前当成一场不设回报的闲聊。</p> <a href="initb121afc1.html">惠泽摇钱树论坛</a> </div> </article> </div> <aside class="related" aria-label="相关推荐站内链接"> <h3>编辑顺手放这里的几条站内索引</h3> <ul> <li><a href="init81f2ce9c.html">118黑白图库114</a></li> <li><a href="init6aa23ec9.html">正版彩霸王28057</a></li> <li><a href="init62568c0e.html">118l图库</a></li> <li><a href="inite48fe134.html">118图库至尊报</a></li> <li><a href="initb121afc1.html">惠泽摇钱树论坛</a></li> </ul> </aside> </section> <!-- 使用指南 + 小贴士 --> <section id="guide" aria-label="使用指南与小贴士"> <div class="sec-head"> <span class="sec-kicker">How to use</span> <h2 class="sec-title">三步上手,两条小提醒</h2> <p class="sec-desc">内容发现站的价值不在“多”,而在“顺手”。把下面三步走完,你就已经比大多数人更会用这里了。</p> </div> <div class="guide-grid"> <div class="guide-list"> <article class="guide-item"> <div class="guide-step" aria-hidden="true">1</div> <div> <h3>先定一个当下的心情,再点开内容</h3> <p>别从“哪个最热门”开始,从“我现在想安静还是想热闹”开始。心情是成本最低、准确率最高的筛选条件。</p> </div> </article> <article class="guide-item"> <div class="guide-step" aria-hidden="true">2</div> <div> <h3>一次只留三条,其余先放下</h3> <p>打开太多标签页会让注意力变薄。我们建议每次只收三条真正想回访的,剩下的交给下次的自己。</p> </div> </article> <article class="guide-item"> <div class="guide-step" aria-hidden="true">3</div> <div> <h3>隔几天回来做一次删减</h3> <p>回访比收藏更重要。三天后还愿意点开的,才是属于你的内容;其余的,删掉也不会真的失去什么。</p> </div> </article> </div> <aside class="tips" aria-label="小贴士"> <h3>两条小贴士</h3> <div class="tip"> <strong>贴士一:把屏幕调暗一档</strong> 暖褐与浅米色的页面,亮度降一点点会更舒服。眼睛放松了,注意力才有余量留给内容本身。 </div> <div class="tip"> <strong>贴士二:给阅读留一个固定位置</strong> 同一个时间、同一个角落,会让你更快进入状态。仪式感不是矫情,是给大脑的一个开关。 </div> </aside> </div> </section> <!-- 编辑手记 --> <section id="notes" aria-label="编辑手记"> <div class="sec-head"> <span class="sec-kicker">Editor's note</span> <h2 class="sec-title">编辑手记:我们为什么还在做“挑选”这件事</h2> </div> <div class="notes"> <div class="notes-text"> <p>做七彩霸王花邵美琪的这几年,我被问得最多的一句话是:现在算法这么聪明,为什么还要人来挑?我每次都想说,正因为算法太聪明,人才显得必要。算法擅长猜你喜欢什么,但它不太会告诉你,你也许还可以喜欢点别的。</p> <p>我们的工作,说到底就是保留那一点“别的”。在一堆已经足够顺滑的推荐之外,留几个稍微陌生、需要多看一眼的入口。它们可能不够热闹,但往往能让人停住。</p> <div class="notes-quote">好的推荐不是替你做决定,而是把你的选择变多一点点。哪怕只多一个,也值得。</div> <p>所以这里的每一条推荐,我们都尽量写清楚“为什么是它”,而不是只写“它很好”。理由